javascript - 如何获取指令中的属性参数

Question

我有以下代码。我正在尝试注入(inject) name来自myController myObj 内的范围指令为 nameAttr属性。

我已分配 name: '=nameAttr'在指令的范围内，但它似乎不起作用。

我做错了什么？

https://plnkr.co/edit/qceVMl0w2gv03ZuQVQb8?p=preview

HTML

<my-obj nameAttr="name"></my-obj>

在“MY-OBJ.HTML”内部

<h2>{{ name }}</h2>
<ol>
  <li ng-repeat="(slug, val) in loop">{{ slug }} - {{ val }}</li>
</ol>

Angular

var mod = angular.module('myApp', []);

mod.controller('myController', myController).directive('myObj', myObject);

function myController($scope){
  $scope.name = 'John Smith';
}

function myObject(){
  return {
    restrict: 'E',
    templateUrl: 'my-obj.html',
    scope: {
      name: '=nameAttr'
    },
    controller: function($scope){
      $scope.loop = {
        'one': 'gfshfh',
        'two': '32435'
      };
    }
  };
}

Answer 1

在您的 index.html 中你需要写

<my-obj name-attr="name"></my-obj>

------------------^

Directives与 camelCase名称必须写为 camel-case在您的模板中