Question

我创建了一个指令，以dinamically添加不同的表单字段。问题是，一旦我添加了多个基于指令的字段，ng-model就会重复。我很擅长使用指令，希望你能提供帮助。

    var app = angular.module('app', []);
      angular.module('app').controller('MainCtrl', function ($scope, $compile) {

    $scope.add = function(ev,attrs){//$on('insertItem',function(ev,attrs){
      var iact = angular.element(document.createElement('itemactivo'));
      var el = $compile( iact )( $scope );

      //where do you want to place the new element?
  angular.element(document.body).append(iact);

  $scope.insertHere = el;
};

});


// directive
angular.module('app')
 .directive('itemactivo', function () {
   return {
      templateUrl: 'itemactivo.html',
      restrict: 'E',
      link: function postLink(scope, element, attrs) {

       }
        };
       });

我创建了一个有问题的plunker

http://plnkr.co/edit/IDD5KFO7UEOnP8cSuN33?p=preview

Answer 1

在scope: true指令中添加itemactivo。代码应如下所示：

angular.module('app')
  .directive('itemactivo', function () {
    return {
      scope:true,
      templateUrl: 'itemactivo.html',
      restrict: 'E',
      link: function postLink(scope, element, attrs) {
       // element.text('this is a chart');
      }
    };
  });

如何将不同的ng-model值分配给从一个指令创建的多个输入字段

1 个答案: