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

Question

我使用.factory构建一个列表，并且每个elemt都有一个arrtibute，当点击任何列表项时，该页面需要包含 。 我无法动态地使用此属性..plzz help ,,,, 我正在使用离子框架

＆＃13;

＆＃13;

////////////// 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;
    }
  };
});

＆＃13;

///////   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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

请勿使用ng-include的括号：

<div ng-include="chat.desc"></div>