javascript - AngularJS - 从指令获取属性值

Question

好的，所以我有一个指令，它接受属性并读取它(并将其写出)。

这是骗子:http://embed.plnkr.co/IkKPLahPc9yqeHWEQUG3/

我认为这是因为 main-directive.js 中的 Controller : ctrl 没有任何内容，而实际操作发生在独立指令的 Controller controller 内部。

这是ma​​in-directive.js:

var app = angular.module('testapp.directive.main', ['main']);


app.directive('myCustomer', function() {

  var controller = ['$scope', function($scope) {

    $scope.dan = { 'name': 'Dan', 'nationality': 'ESP' };
    // scope from here obv...

  }];

  var template = 'Getting attribute value of =getInfo... {{getInfo.name}} from {{getInfo.nationality}}';

  return {
    restrict: 'E',
    controller: controller,
    scope: {
      getInfo: "=info"
    },
    template: template
  };
});

app.controller('ctrl', function($scope) {

})

这是我的模板:

<div ng-controller="ctrl">
    <my-customer info="dan">
    </my-customer>
</div>

为什么我的指令没有读取 info 的属性？

Answer 1

你是对的，$scope.dan对象需要位于“ctrl” Controller 范围内，并从isolate指令 Controller 范围中拉出。

app.controller('ctrl', function($scope) {
    $scope.dan = { 'name': 'Dan', 'nationality': 'ESP' };
})

这适用于您为“=info”使用的getInfo设置的双向数据绑定(bind)方法