AngularJS ng-include không bao gồm chế độ xem trừ khi được thông qua trong phạm vi $

Question

Có sai không khi giả định rằng ngInclude có thể lấy đường dẫn thô? Tôi tiếp tục cố gắng đặt số ngInclude của mình như sau:

<div ng-include src="views/header.html"></div> 

Điều này không có tác dụng nhưng nếu tôi làm điều gì đó như vậy nó hoạt động.

// HeaderController 
app.controller('HeaderCtrl', function($scope){ 
    $scope.templates = {[ 
    template: { url: 'views/header.html' } 
    ]}; 

    $scope.template = $scope.templates[0].template; 
}); 

Trong index.html của tôi

<div ng-controller="HeaderCtrl"> 
    <div ng-include src="template.url"></div> 
</div> 

Liệu ngInclude chỉ trừ giá trị ra khỏi phạm vi? Nếu vậy tại sao nó theo cách này và không phải là một bao gồm thẳng của phần html.

Answer 1

ng-include chấp nhận một biểu thức. Nếu bạn muốn chỉ định URL rõ ràng trực tiếp trong đó, bạn phải đưa ra một chuỗi.

<div ng-include src="'page.html'"></div> 

Answer 2

ng-include, như chỉ thị khác (ng-class, ng-src ...) toán một biểu thức kiễu góc từ phạm vi. Không có dấu ngoặc kép (''), nó sẽ tìm kiếm một biến của phạm vi.

---

Lưu ý rằng bạn không phải chỉ định thuộc tính src.

<div ng-include src="'views/header.html'"></div> 

Có thể rewritted tới: (có nghĩa là đơn giản)

<div ng-include="'views/header.html'"></div> 

---

Bạn cũng có thể sử dụng ng-bao gồm như một yếu tố:

<ng-include src="'views/header.html'"></ng-include>