Question

我试图在codepen中使用angular，它似乎支持，但由于某种原因我无法绑定到我的控制器的$scope对象。我已经尝试了几种不同版本的角度cdn，还有其他我能看到的能够成功使用角度的笔。谁能告诉我为什么我的实施不起作用？ Here is the pen。使用的角度版本是1.4.0。

这是html代码：

<div class="container" ng-app="App">
  <div class="row" ng-controller="catControl">
    <div class="col-md-12">
      <div class="well">
        {{2 + 2}} </br>
        {{'cat'}} </br>
        {{$scope.cat}} <!-- Why doesnt this one work? -->
      </div>
    </div>
  </div>
</div>

这是JS代码：

var App = angular.module("App", [])
  .controller("catControl", function($scope) {
    $scope.cat = 'cat';
  });

感谢。

Answer 1

您需要了解有关$scope的更多信息。我们从未在视图中使用{{$scope.key}}。相反，我们只在视图中使用{{key}}

您的代码应为

<div class="container" ng-app="App">
  <div class="row" ng-controller="catControl">
    <div class="col-md-12">
      <div class="well">
        {{2 + 2}} </br>
        {{'cat'}} </br>
        {{$scope.cat}} <!-- This will not work -->
        {{cat}} <!-- This will work -->
      </div>
    </div>
  </div>
</div>

详细了解This link的范围＆安培; This Link

无法弄清楚为什么角度绑定在codepen脚本中不起作用

1 个答案: