Question

我再次......我卡住了。我需要在我的项目中使用Angular.JS，但我不能在动态生成的标签中运行Angular。

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

Answer 1

Matt说你需要在使用angular时大部分放弃jQuery是正确的。使用控制器和指令时，它可能会引起一些麻烦。

要在示例中仅使用angular，我将使用$ 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
        });
});

动态JQuery中的Angular.JS

1 个答案: