angularjs - Angular 指令 : multiple values from directive to scope

Question

我想将一个指令的属性的多个值公开给 $scope。指令是动态生成的，如下例所示:

<my-directive first-value="foo" second-value="bar" third-value="foobar"></my-directive>

我需要 $scope 中的值，以便将它们提供给模板并使用它们。

Answer 1

简单...:-)

var app = angular.module('app', []);
app.controller('myCtrl', function ($scope) {});
app.directive('myDirective', function() {
  return {
    restrict: 'E',
    template: '<p>myDirective:</p>{{firstValue}}, {{secondValue}}, {{thirdValue}}',
    scope: {
      firstValue: '@',
      secondValue: '@',
      thirdValue: '@'
    },
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="myCtrl">
    <my-directive first-value="foo" second-value="bar" third-value="foobar"></my-directive>
  </div>
</div>

但你真的应该尝试自己编写这种代码，下次......:-)