将Angular.js字符串转换为html

将Angular.js字符串转换为html,html,angularjs,Html,Angularjs,您好,我想将html绑定到div。下面的代码我就是这样写的 .controller('HomeCtrl',['$http','$scope','$state',function($http,$scope,$state){ $scope.data = {}; $scope.userInfo = function() { $state.go('user'); } var user=JSON.parse(sess

您好,我想将html绑定到div。下面的代码我就是这样写的

.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");
        })

    }])
.controller('HomeCtrl',['$http','$scope','$state',函数($http,$scope,$state){
$scope.data={};
$scope.userInfo=function(){
$state.go('user');
}
var user=JSON.parse(sessionStorage.user);
$scope.user=user.name+''+user.name;
$http.get('http://example:3000/projects“).success(函数(响应){//对模拟json文件发出get请求。
var数据=响应;
var text='';
对于(var i=0;i您将使用ng repeat;
在html中


{{item.name}
把这个放到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");
        })
$http.get('http://example:3000/projects“).success(函数(响应){//对模拟json文件发出get请求。
var数据=响应;
var text='';
var项目=[];

对于(var i=0;我不这样做。在数据上使用
ng repeat
,而不是将HTML保存为数据。另外,不要使用
.success()
,它已被弃用。我是angular.js的新手。你能举一个ng repeat的例子吗?这是一个静态内容的例子,但它说明了
ng repeat
给出了你想要的输出:
<a class="item item-icon-left" ng-repeat="item in projects" ng-click="getProject({{item.id}},'{{item.name}}')">
                <i class="icon ion-android-folder-open"></i>  {{item.name}}
            </a>
$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");
        })