無法綁定來自angularjs控制器的數據

我想綁定角度控制器的數據，但它不是綁定而不是顯示錶達式我已經在我的佈局中包含angular.js，但它不工作以下代碼請幫助我無法綁定來自angularjs控制器的數據

文件名：Home.cshtml

<div class="container" ng-app="home"> 
<div class="container"> 
    <div class="panel-group row" ng-controller="Eventapp"> 
     <div class="panel col-lg-4" ng-repeat="product in products"> 
      <div class="panel-heading"> 
       <h3>{{product.heading}}</h3> 
      </div> 
      <div class="panel-body"> 
       <ul> 
        <li ng-repeat="content in product.contents"> 
         {{content}} 
        </li> 
       </ul> 
      </div> 
      <div class="panel-footer"> 
       <button class="btn btn-success">contact us</button> 
      </div> 
     </div> 
</div>

角控制器：Eventappcontroller.js

'use strict'; 




var home = angular.module('home', []); 
    home.controller('Eventapp', function ($scope) { 
     $scope.products = [ 
      { heading: 'School', Contents: ['Semi-English', 'Semi-English', 'Semi-English'] }, 
     { heading: 'School', Contents: ['Semi-English', 'Semi-English', 'Semi-English'] }, 
    { heading: 'School', Contents: ['Semi-English', 'Semi-English', 'Semi-English'] }, 
    { heading: 'School', Contents: ['Semi-English', 'Semi-English', 'Semi-English'] }, 
     { heading: 'School', Contents: ['Semi-English', 'Semi-English', 'Semi-English'] } 
     ] 
    })

包括在頁面佈局底部

腳本--->結束前身體標記

<script src="~/Scripts/angular.min.js"></script> 
    <script src="~/Scripts/angular.js"></script> 
    <script src="~/Scripts/jquery-1.10.2.js"></script> 
    <script src="~/Scripts/controller/EventappController.js"></script> 

<script src="~/Scripts/jquery-1.10.2.min.js"></script>

輸出： {{product.heading}} {{內容}} 這裏將按鈕

來源

2016-04-23 Pavan

你在瀏覽器錯誤控制檯看到什麼錯誤？看到原始表達式是一個角度或一個腳本無法加載的指示器，出於某種原因。另外，你多次包含腳本，你不需要同時使用普通腳本和'.min'版本的腳本。 – Claies

首先檢查錯字錯誤在你這裏循環//contect must be content

<li ng-repeat="contect in product.contents"> //contect must be content 
     {{content}} 
</li>

如果這件事情也不起作用，然後嘗試如下所示。

您Contents使用對象的數組array.Like這樣的：

Contents: [{value:'Semi-English'},{value: 'Semi-English'},{value: 'Semi-English'}]

然後在你的中繼使用這樣的：

<li ng-repeat="content in product.contents"> 
     {{content.value}} 
</li>

來源

2016-04-23 15:35:50 Sampath

謝謝你識別錯字錯誤。我嘗試了建議的更改，但它不起作用問題也持續存在標題 – Pavan

您是否有任何控制檯錯誤？ – Sampath

我cant't找到任何錯誤您碼。有一個可行的的jsfiddle：

'use strict'; 
 
var home = angular.module('home', []); 
 

 
home.controller('Eventapp', ['$scope', 
 
    function($scope) { 
 
    $scope.products = [{ 
 
     heading: 'School', 
 
     Contents: ['Semi-English', 'Semi-English', 'Semi-English'] 
 
    }, { 
 
     heading: 'School', 
 
     Contents: ['Semi-English', 'Semi-English', 'Semi-English'] 
 
    }, { 
 
     heading: 'School', 
 
     Contents: ['Semi-English', 'Semi-English', 'Semi-English'] 
 
    }, { 
 
     heading: 'School', 
 
     Contents: ['Semi-English', 'Semi-English', 'Semi-English'] 
 
    }, { 
 
     heading: 'School', 
 
     Contents: ['Semi-English', 'Semi-English', 'Semi-English'] 
 
    }]; 
 
    } 
 
]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div class="container" ng-app="home"> 
 
    <div class="container"> 
 
    <div class="panel-group row" ng-controller="Eventapp"> 
 
     <div class="panel col-lg-4" ng-repeat="product in products"> 
 
     <div class="panel-heading"> 
 
      <h3>{{product.heading}}</h3> 
 
     </div> 
 
     <div class="panel-body"> 
 
      <ul> 
 
      <li ng-repeat="contect in product.contents"> 
 
       {{content}} 
 
      </li> 
 
      </ul> 
 
     </div> 
 
     <div class="panel-footer"> 
 
      <button class="btn btn-success">contact us</button> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

來源

2016-04-23 15:38:12 luckyqiao

無法綁定來自angularjs控制器的數據

回答

相關問題