使用AngularJS將元素動態添加到元素

Question

我想用AngularJS來模仿我使用JQuery完成的操作。

下面是它的fiddle。

我在這裏做了三件事。

1. 查找右列的最後一個元素。
2. 皮卡從它的屬性「數據色」
3. 屬性作爲一類的值指定到「右-COL」

Answer 1

試試這個的jsfiddle：https://jsfiddle.net/ubqrah1w/

它使用的角度指令。

.directive('lastColor', function() { 
    return { 
    restrict: 'A', 
    link: function ($scope, $element, $attrs) { 
    $element.addClass(angular.element($element[0].querySelector('.items:last-child')).attr('data-color')); 
    } 
    } 
    }); 

Answer 2

這可以通過angular'js指令進行（重新可用組件）而且angular有jqlite（jQuery庫），如下所示。

指令：

app.directive('dynamicColor',dynamicColor); 

    dynamicColor.$inject = []; 

    function dynamicColor(){ 

     return{ 
     restrict:'A', 
     link:function(scope,element,attrs){ 
      element.css('background-color',attrs.dynamicColor); 
     } 
     } 

    } 

https://plnkr.co/edit/Op5fI5oFQku07tkebBcg?p=preview