html视图中的角度表达式为不同的表达式呈现相同的数据

时间:2017-03-01 17:01:46

标签: javascript angularjs model controller

我的一个视图上的角度表达式在屏幕上呈现相同的数据

它会显示:hello - hello(针对不同的表达式{{a}},{{b}})

在控制器中有一个清晰的不同数据绑定到'a'和'b'变量。

html视图:

    {{ a | json }} - {{ b | json }}

角度控制器:

app.controller('myctrl', function($scope, myservice) {

      var self = this;

      self.getA = function() {
        $scope.a = 'hello';
      }

      self.getB = function() {
        $scope.b = 'hey';
      }

      self.getA(); //call on controller startup
      self.getB();

    });

1 个答案:

答案 0 :(得分:1)

您的代码无任何问题,

确保您正在执行以下操作。

<强>样本

&#13;
&#13;
var app = angular.module('myctrl',[]);
app.controller('myctrl', function($scope) {
      var self = this;
      self.getA = function() {
        $scope.a = 'hello';
      }
      self.getB = function() {
        $scope.b = 'hey';
      }
      self.getA(); //call on controller startup
      self.getB();

});
&#13;
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Dashboard</title>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body >
<div ng-app="myctrl" >
<div ng-controller="myctrl as ctrl" >
 {{ a }} - {{ b }}
</div>
</div>
</body>
</html>
&#13;
&#13;
&#13;