Question

AngularJS表达式不在视图上更新变量值，只是将其打印为源。这是我的控制器代码，

controller('loginCtrl', ['$scope', '$state', '$rootScope',
        function ($scope, $state, $rootScope) {

        $scope.testMessage = "Test Msg from scope";
        $rootScope.testMessageRoot = "Test Msg from root scope";
        }]);

当我使用表达式在视图上渲染变量 testMessage 和 testMessageRoot 时，它只是按原样打印源代码。

<div class="container-fluid" ng-controller="loginCtrl">
    <div class="row">
        <h1>Account Access</h1>
        <h2>{{testMessage}}</h2>
        <h6>{{ 5 + 5 }}</h6>
        <h2>{{$root.testMessageRoot}}</h2>
    </div>
</div>

相同的控制器适用于ng-bind，

<div class="container-fluid" ng-controller="loginCtrl">
<div class="row">
    <h1>Account Access</h1>
    <h2><span ng-bind="testMessage"></span></h2>
    <h6><span ng-bind=" 5 + 5"></span></h6>
    <h2><span ng-bind="$root.testMessageRoot"></span></h2>
</div>

我的应用程序中使用的AngularJS v1.3.10，我无法理解出了什么问题，感谢您的帮助。

Answer 1

您是否在控制器中注入了$ state服务。

由于＆＃34; $状态＆＃34;不是有效的角度服务，删除它将解决您的问题。

Answer 2

是的，使用express表示角度表达有一些问题，我使用ng-bind代替表达式并且工作正常。

Angular JS表达式{{}}不起作用

2 个答案: