javascript - Controller 作为语法不适用于 Angular 1.4.5 var vm = 此模板未显示

Question

我已经切换到 Controller 作为 Angular 1.5 -1.6 项目等的语法...我需要向 Angular 1.4.5 项目添加一些功能。

通常我使用 Angular 路由等......，但这个项目的设置不同。

问题出在我的模板 html 中，我可以看到

$scope.blah   //  {{ blah}} 

但我不明白为什么或如何访问这个

Controller :

icisNg.controller("hearingListing", ['$scope', '$rootScope',
    function ($scope, $rootScope) {

        $scope.blah = 333;
        var vm = this;
        vm.whatever = 'controller as';
        $scope.atEnd = "endsdfgsdfgsdfg";
        console.log('scope', $scope.atEnd);
        console.log('vm', vm.whatever);

    }

]);

HTML 模板:

<div fieldset-wrapper legend="Hearing" ng-controller="hearingListing">

    <div>test again</div>

    <div>{{blah}}</div>

    eewr
    <br />
    vm:{{vm.whatever}}
    <br />
    {{atEnd}}
</div>

Answer 1

根据代码的呈现方式，最方便的方法是...

改变

ng-controller="hearingListing"

至

ng-controller="hearingListing as vm"

===

此外，请记住， Controller 中的变量 vm 不会引用模板中的相同 vm。它们各不相同，可以命名为任何名称。