Angular js中的數據綁定

當我使用角度版本。「https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js」我的代碼工作正常。但是當我使用這個角度版本時，我的代碼無法工作。「https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js」。Angular js中的數據綁定

完整的HTML代碼。

<!DOCTYPE html> 
    <html ng-app=""> 
    <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script> 
    <head> 
    <title>Angular Js Tutorial</title> 
    </head> 
    <body> 
     <div ng-controller="Maincontroller"> 
      {{message}} 
     </div> 
     <script> 
      function Maincontroller($scope) 
       { 
        $scope.message = "Hii how are you"; 
       } 
     </script> 
    </body> 
    </html>

我沒有要求的輸出。它只是打印。

{{message}}

來源

2015-11-21 Java_byte

當頁面呈現時，您可以提供一些控制器代碼或控制檯輸出嗎？賠率是有一些異常，不允許綁定完成 – Hal

來自Firefox的控制檯的錯誤。「錯誤：[ng：areq] http://errors.angularjs.org/1.4.7/ng/areq?p0=Maincontroller&p1=not ％20a％20功能％2C％20got％20未定義我/ <@https：//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js：6：416 qb @ https：/ /ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js:22:131 Sa @ https：//ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular .min.js：22：218 Xe/this。$ get

從角1.3開始，您不能在全局範圍內聲明控制器。

重寫你的控制器MainController

// Declaration of the module 
angular.module('myApp', []); 

// Declaration of the controller 
angular.module('myApp').controller('MainController', function ($scope) { 
    $scope.message = "Hii how are you"; 
});

對於上述變化的聲明，以取代<html ng-app=""><html ng-app="myApp">

來源

2015-11-21 15:31:34

太棒了！我在下面發佈了 – Sajeetharan

有你的代碼一些問題，

（我）你有沒有在任何地方聲明模塊（ii）使用Angular 1.3，您不應該在全局範圍內聲明控制器。

以下是更正application

來源

2015-11-21 15:32:54 Sajeetharan

<!DOCTYPE html> 
<html ng-app="app"> 
    <head> 
    <title>Angular Js Tutorial</title> 
    <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script> 
    </head> 
    <body > 
    <div ng-controller="MainController as mainCtrl"> 
     {{ mainCtrl.message }} 
    </div> 
    <script> 
     (function() { 
     'use strict'; 
     angular 
      .module('app', []); 
      .controller('MainController', ['$scope', function MainController($scope) { 
       $scope.message = "Hii how are you"; 
     }]); 
     })(); 
    </script> 
    </body> 
</html>

請參考this。

來源

2015-11-21 15:46:56

如果你使用MainController作爲mainCtrl，不要使用'$ scope'，使用'this'。 – georgeawg

-1

<html> 
<head> 
<title>Angular JS Controller Example</title> 
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/ 
1.4.7/angular.min.js"></script> 
</head> 

<body> 
<h2>AngularJS Sample Controller Application</h2> 

<div ng-app = "ukApp" ng-controller = "ukController"> 
<br>   
{{name}} 
</div> 

<script> 
var mainApp = angular.module("ukApp", []); 
mainApp.controller('ukController', function($scope) { 
$scope.name= "Umar Farooque Khan"; 
}); 
</script> 

</body> 
</html>

使用上面的代碼來完成上述任務。

來源

2016-08-17 17:31:35

Angular js中的數據綁定

回答

相關問題