使用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