AngularJS ng-include ไม่รวมมุมมองเว้นแต่จะส่งผ่านใน $ scope

มันผิดหรือไม่ที่จะถือว่าngIncludeสามารถใช้เส้นทางดิบ? ฉันพยายามตั้งค่าngIncludeดังต่อไปนี้:

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

วิธีนี้ใช้ไม่ได้ แต่ถ้าฉันทำสิ่งนี้มันได้ผล

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

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

ใน index.html ของฉัน

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

ไม่ngIncludeเพียง แต่ยกเว้นค่าออกจากขอบเขตหรือไม่ ถ้าเป็นเช่นนั้นทำไมจึงเป็นเช่นนี้และไม่ใช่การรวม html บางส่วนโดยตรง

ng-includeยอมรับการแสดงออก หากคุณต้องการระบุ URL ที่ชัดเจนโดยตรงในนั้นคุณต้องระบุสตริง

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

ng-includeเช่นเดียวกับคำสั่งอื่น ๆ ( ng-class, ng-src... ) ประเมินนิพจน์เชิงมุมจากขอบเขต หากไม่มีเครื่องหมายคำพูด ( '') มันจะค้นหาตัวแปรของขอบเขต

โปรดทราบว่าคุณไม่จำเป็นต้องระบุsrcแอตทริบิวต์

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

สามารถเขียนใหม่เป็น: (ซึ่งง่ายกว่า)

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

คุณยังสามารถใช้ ng-include เป็นองค์ประกอบ :

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