"添加更多"指令加载

时间:2014-04-09 14:39:01

标签: angularjs angularjs-directive

在&#34中添加指令的正确方法是什么?添加更多"按钮? 我有一个渲染html的指令。只需在templateUrl中使用它就可以正常工作。 现在我想让用户使用&#34添加更多相同的指令;添加更多"按键 这样做的正确方法是什么?

2 个答案:

答案 0 :(得分:1)

在您的范围内添加一系列内容以及添加内容的功能:

$scope.things = [ { id: 1, name: 'thing 1' }, 
    { id: 2, name: 'thing 2' },
    { id: 3, name: 'thing 3' }
];

$scope.addThing = function(){
    $scope.things.push( { id: 4, 'thing 4' } );
}

在视图中,可以使用ngRepeat指令显示事物列表:

<my-directive ng-repeat='thing in things' thingy='thing'><my-directive>

和添加更多内容的按钮:

<button type='button' ng-click='addThing()'>Add a thing</button>

答案 1 :(得分:-1)

一如既往,我想我在发布后2分钟找到答案...... 这是我的控制器

.controller('LatestMovementsCtrl', function($scope, $compile) {
   $scope.load_more = function() {
   var newElement = $compile( '<my-directive line="data1" class="balance_item_main"></my-directive>' )( $scope );
    jQuery('#load_more_data').append(newElement.hide().fadeIn(1000));
  }
})

如果任何1有更好的解决方案,我很乐意听到它