數據綁定在視圖頁面無法正常工作 - Angular.js

我已經表明我下面的問題的一個簡化版本：數據綁定在視圖頁面無法正常工作 - Angular.js

該指令「名」是不理解時，它是在視圖「loginView.html」，但是它正常工作時，它的主網頁是index.html，

loginView.html

<p>Welcome : {{name}}</p> 
<input type="text" data-ng-model="name"><br> 
<button type="submit" data-ng-click="loginUser()">Login</button>

的index.html

<!doctype html> 
<html data-ng-app="vla"> 
    <head> 
     <title>Video Learning application</title> 
     <link rel="stylesheet" type="text/css" href="css/style.css"/> 
    </head> 
    <body> 

      <div class = "navBar"> 
      <div class = "leftButton"></div> 
      <div class = "title">VLA</div> 
      <div class = "rightButton"></div> 
     </div> 

      <div data-ng-view=""></div> 

      <script src="scripts/angular.js"></script> 
      <script src="scripts/angular-route.js"></script> 
      <script src="controllers/controllers.js"></script> 
      <script src="app.js"></script> 

    </body> 
    </html>

個

app.js

var app = angular.module('vla', ['ngRoute']); 

app.config(function ($routeProvider){ 
      $routeProvider 
      .when('/view1', 
        { 
        controller: 'controllers/controllers.js', 
        templateUrl: 'partials/loginView.html' 
        }) 
      .otherwise({ redirectTo: '/view1' }); 
});

controller.js

app.controller('loginController', function ($scope) 
{ 
     $scope.loginUser = function() { 
       alert("test"); 
     } 

     });

輸入的{{名}}只是打印出自己的觀點 'loginView' 的時候，但能正常工作和版畫，他的內容字段放入index.html時。

我很新，希望有任何幫助。在此先感謝

來源

2014-03-06 FootsieNG

這是很難理解的問題。請創建一個工作示例。例如在plnkr.co – akonsu

您是否在控制檯中看到任何JS錯誤？ – PrimosK

沒有錯誤顯示 – FootsieNG

就意識到問題的腳本聲明的index.php頁面

的應用應該參照來到控制器之前訂購：

<script src="app.js"></script> 
<script src="controllers/controllers.js"></script>

來源

2014-03-06 20:49:52 FootsieNG

你應該routeProvider的controller選項寫控制器名稱而不是路徑：

$routeProvider 
    .when('/view1', 
     { 
      controller: 'loginController', 
      templateUrl: 'partials/loginView.html' 
     }) 
     .otherwise({ redirectTo: '/view1' });

，並附帶有控制器（controllers/controllers.js）與標籤<script>文件。

來源

2014-03-06 18:04:54 Goodnickoff

歡呼聲我糾正了它，但不幸的是沒有解決我的問題。在這種情況下，控制器實際上什麼都不做，我認爲問題在於其他地方 – FootsieNG

數據綁定在視圖頁面無法正常工作 - Angular.js

回答

相關問題