Question

我想创建一个自定义指令，我可以使用插值传递一个对象（动态创建）。

示例：

新创建的数组作为参数：

{userName: vm.data.name}

vm.data.name应替换为控制器数据。

这是我的代码：

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Custom directive</title>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
  <script>
(function(angular) {
'use strict';
angular.module('testDirectiveApp', [])
  .controller('testController', ['$scope', function($scope) {
    var data = {
      name: 'ABC'
    }

    var vm = this;
    vm.data = data;
  }])
  .directive('customDirective', ['$interpolate', function($interpolate) {
    return {      
      scope: {
        customParam: '='
      },
      link: function(scope, element, attributes){
        scope.$watch('customParam', function() {
          console.log(attributes.customParam, $interpolate(attributes.customParam)(scope), scope.$eval(attributes.customParam));
        });
      }
    };
  }]);
})(window.angular);
  </script>
</head>
<body ng-app="testDirectiveApp">
  <div ng-controller="testController as vm">
    Name: <input ng-model="vm.data.name"> <hr/>
    <div custom-directive custom-param="{userName: vm.data.name}"></div>
    <p>{{vm.data.name}}</p>
  </div>
</body>
</html>

这可行吗？我做错了什么？

最诚挚的问候，

Answer 1

问题是您尝试使用Index: 01234567890123456789012345678 Target: whois who? Who me? Who else? Pattern: (^[a-z])|(\?$) Match: (0,0:w)(28,28:?) Index: 01234567890 Target: \-^$.?*+()| Pattern: [\\-^$.?*+()|] Match: (0,0:\)(2,2:^)(3,3:$)(4,4:.)(5,5:?)(6,6:*)(7,7:+)(8,8:()(9,9:))(10,10:|)对象而不是attributes对象访问范围变量。

在您的指令中，将scope更改为attributes.customParam

http://plnkr.co/edit/1o4746GamtIcwHekoKyl?p=info

AngularJS - 如何将带有插值数据的对象（在运行中创建）传递给自定义指令

1 个答案: