无法在 angularjs ng-include 中使用变量

Unable to use variable in angularjs ng-include

我使用 .factory 构建了一个列表,并且在每个元素中都有一个 arrtibute 哪个存储页面需要在单击任何列表项时包括在内 . 我无法动态使用此属性 ..plzz 帮助, 我正在使用离子框架

////////////// service.js ////////////////





angular.module('starter.services', [])

.factory('Ctopic', function() {
  // Might use a resource here that returns a JSON array

  // Some fake testing data
  var chats = [ { title: 'Arrays', id:11 ,desc: "'ctopic/Union.html'"},
    { title: 'Bit Field Declaration', id:12 },
    { title: 'C Pointers', id: 13 },
    { title: 'Conditional Statements', id: 14 },
    { title: 'File IO', id: 15 },
    { title: 'Function', id: 16 },
    { title: 'Input & Output', id: 17 },
    { title: 'Loops', id: 18 },
    { title: 'Preprocessor Operators', id: 19 },
    { title: 'Preprocessor', id: 20 },
    { title: 'String', id: 21 },
    { title: 'Structures', id: 22 },
    { title: 'Typedef', id: 23 },
    { title: 'Union', id: 24 }];

  return {
    all: function() {
      return chats;
    },
    remove: function(chat) {
      chats.splice(chats.indexOf(chat), 1);
    },
    get: function(chatId) {
      for (var i = 0; i < chats.length; i++) {
        if (chats[i].id === parseInt(chatId)) {
          return chats[i];
        }
      }
      return null;
    }
  };
});
///////   html page   /////////

<ion-view view-title="{{chat.title}}">
  <ion-content class="padding">
  {{chat.id}}
  {{chat.desc}}
    <div ng-include="{{chat.desc}}"></div>
  </ion-content>
</ion-view>

不要在 ng-include:

中使用方括号
<div ng-include="chat.desc"></div>