Невозможно использовать переменную в angularjs ng-include

Question

Я создаю список, используя .factory, и в каждом элементе есть arrtibute, который хранит страницу, которая должна быть включена при нажатии на любой элемент списка . я неспособен использовать этот атрибут dynamiclly ..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'"}, 
 
\t \t \t \t { title: 'Bit Field Declaration', id:12 }, 
 
\t \t \t \t { title: 'C Pointers', id: 13 }, 
 
\t \t \t \t { title: 'Conditional Statements', id: 14 }, 
 
\t \t \t \t { title: 'File IO', id: 15 }, 
 
\t \t \t \t { title: 'Function', id: 16 }, 
 
\t \t \t \t { title: 'Input & Output', id: 17 }, 
 
\t \t \t \t { title: 'Loops', id: 18 }, 
 
\t \t \t \t { title: 'Preprocessor Operators', id: 19 }, 
 
\t \t \t \t { title: 'Preprocessor', id: 20 }, 
 
\t \t \t \t { title: 'String', id: 21 }, 
 
\t \t \t \t { title: 'Structures', id: 22 }, 
 
\t \t \t \t { title: 'Typedef', id: 23 }, 
 
\t \t \t \t { 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>

Answer 1

Не используйте скобки для ng-include:

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