Angular.jsの文字列をhtmlに

Question

こんにちは私はdivにバインドしたい。私はConsole.WriteLineを文字列のその

.controller('HomeCtrl',['$http','$scope','$state',function($http,$scope,$state){ 
     $scope.data = {}; 
     $scope.userInfo = function() { 
      $state.go('user'); 
     } 
     var user=JSON.parse(sessionStorage.user); 
     $scope.user=user.name+ ' ' + user.surname; 
     $http.get('http://example:3000/projects').success(function(response){ //make a get request to mock json file.   
      var data=response; 
      var text=''; 
      for (var i=0;i<data.length;i++) {   
       text+='<a id="task_'+data[i]._id+'" class="item item-icon-left task_'+data[i]._id+'" ng-click="getProject('+data[i]._id+')">'; 
       text+='<i class="icon ion-android-folder-open"></i> '+data[i].name; 
       text+='</a>'; 
      } 
      console.log(text); 

      $scope.tasks=text; 

     }) 
     .error(function(err){ 
      alert("hata"); 
     }) 

    }]) 

のように書いた以下のコードは正しくなく、HTML ngclickに思えるとid属性は表示されません。

<div ng-bind-html="tasks"> 

</div> 

（html）上記のとおりです。どこで間違いを犯すのですか？

ありがとうございます...

Answer 1

あなたはng-repeatを使用します。 HTML

​​

で はこれを入れてcontroller.jsに

$http.get('http://example:3000/projects').success(function(response){ //make a get request to mock json file.   
      var data=response; 
      var text=''; 
      var projects=[]; 
      for (var i=0;i<data.length;i++) { 
       var item={ 
        id:data[i]._id, 
        name:data[i].name 
       } 
       projects.push(item); 

      } 
      console.log(projects); 

      $scope.projects=projects; 

     }) 
     .error(function(err){ 
      alert("hata"); 
     })