無法綁定來自控制器的數據進行查看。在控制檯沒有錯誤

Question

你好，我正在學習角度，並試圖綁定數據從模型來查看。但它沒有拋出任何錯誤。你可以幫我嗎。

<div ng-app ="myApp" ng-controller="emp"> 
Hello {{emp.name}}, I am happy that you are getting a salary of{{emp.salary}}. 
</div> 

---

var app = angular.module("myApp", []); 

app.controller('emp', function(){ 
this.name = "John"; 
this.salary = 4500; 
}); 

請找Fiddler

Answer 1

變化ng-controller="emp"到ng-controller="emp as emp"

<div ng-app ="myApp" ng-controller="emp as emp"> 
    Hello {{emp.name}}, I am happy that you are getting a salary of{{emp.salary}}. 
    </div> 

小提琴：https://jsfiddle.net/vedp/duhfgbb9/1/

Answer 2

您AR Ë失蹤$scope

var app = angular.module("myApp", []); 
 

 
app.controller('emp', ['$scope', function($scope) { 
 
    $scope.empData = { 
 
    name: "John", 
 
    salary: 4500 
 
    } 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="emp"> 
 
    Hello {{empData.name}}, I am happy that you are getting a salary of{{empData.salary}}. 
 
</div>

Answer 3

您應該使用controller as syntax這裏，

變化ng-controller="emp as emp"

DEMO

var app = angular.module("myApp", []); 
 

 
app.controller('emp', function(){ 
 
this.name = "John"; 
 
this.salary = 4500; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app ="myApp" ng-controller="emp as emp"> 
 
Hello {{emp.name}}, I am happy that you are getting a salary of{{emp.salary}}. 
 
</div>