不能找出爲什麼角度綁定將無法在codepen腳本中工作

-1

我試圖在codepen中使用角度，它似乎支持，但我無法綁定到我的控制器的$scope對象出於某種原因。我已經嘗試了幾個不同版本的角度通過cdn，並且還有其他筆，我已經看到，能夠成功使用角度。任何人都可以告訴我爲什麼我的執行不起作用嗎？ Here is the pen。使用的角度版本是1.4.0。不能找出爲什麼角度綁定將無法在codepen腳本中工作

下面是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'; 
    });

感謝。

來源

2016-03-03 Allen More

看看又是工作中的值綁定4，貓： - ）你看到什麼問題？ – Prasad

對不起，我應該更具體。爲什麼訪問$ scope.cat的第三個綁定語句不工作？我包含了前面的表達式來顯示角度正在工作，但不是控制器。 –

奇怪的是，我看到兩個值：其次是'貓'，但我期望第三個值'貓'，我沒有看到。你是否看到3個值，而我不是？ –

您需要了解更多有關$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

來源

2016-03-03 05:04:07

謝謝，我完全錯過了這個。 –

它恰好...... :) –

不能找出爲什麼角度綁定將無法在codepen腳本中工作

回答

相關問題