Question

如果没有添加控制器并且只有链接功能，我无法对指令使用controllerAs语法。在这种情况下，我需要在我的模板中写一些对象名称而没有（。）符号，这可能与父控制器变量冲突。
有没有办法呢？

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

app.directive('exDir',function(){
  return {
    scope: {
        displayName : '=name'
    },
    controllerAs : 'ctrl',
    template : 'Name : <span>{{ctrl.displayName}}</span>'
  }
});

app.controller('myCtrl',function($scope){
  $scope.name = 'Raju';
});

的index.html

<!DOCTYPE html>
<html ng-app='myApp'>

  <head>
    <script src="https://code.angularjs.org/1.4.2/angular.js" data-semver="1.4.2" data-require="angular.js@*"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller = 'myCtrl'>
          <ex-dir name='name'></ex-dir>
  </body>

</html>

Here是吸血鬼。

如何对仅具有链接功能的指令使用controllerAs语法

0 个答案: