2014-01-07 79 views
1

再次我......我卡住了。我需要在我的項目中使用Angular.JS,但我無法在動態生成的標籤中運行Angular。Angular.JS動態jQuery

<h1>Your albums</h1><hr/> 
    <div ng-controller="AlbumsController"> 
     <ul> 
      <li ng-repeat="album in albums"> 
       {{album.name}} 
       <p>{{album.desc}}</p> 
      </li> 
     </ul> 
    </div> 

這是通過JQuery動態生成的塊。

<html ng-app="Application" class="no-js" lang="ru"> 

這是標記靜態,它必須初始角。

我的動態塊不起作用。它返回:{{album.name}} {{album.desc}},這就是未初始化 Angular.JS :(

var Juster = angular.module('Juster', []); 
Juster.controller('AlbumsController', function ($scope) {  
    $.post("/index.php/profile_ctrl/myalbums", function(data){ 
     $scope.albums = data; 
    }) 
}); 
+1

你能告訴我們你的Controller/Js? –

+0

var Juster = angular.module('Juster',[]); Juster.controller( 'AlbumsController',函數($範圍){$ .post的( 「/ index.php的/ profile_ctrl/myalbums」,功能(數據){$ = scope.albums數據; }) } ); 所以,html: – user3169724

+0

在我記起Angular之後,我開始在JQuery上創建項目。它有助於簡單顯示json – user3169724

回答

1

馬特是正確的話,你需要放開的跡象jQuery的大部分在使用的角度與控制器和指令工作時,它有時會讓人頭痛

要使用只在您的示例角度我會使用像這樣的$ HTTP服務:

Juster.controller('AlbumsController', function ($scope, $http) { 

    $http({method:'GET', url: '/index.php/profile_ctrl/myalbums'}) 
     .success(function(data, status, headers, config) { 
      $scope.albums = data; 
     }) 
     .error(function(data, status, header, config) { 
      // Handle error 
     }); 
});