Angular.JS in dynamic JQuery

Снова я ... Я застрял. Мне нужно использовать Angular.JS в моем проекте, но я не могу запускать Angular в динамически сгенерированных тегах.Angular.JS in dynamic 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; 
    }) 
});

источник

2014-01-07 user3169724

может вам показать нам ваш контроллер/Js? –

var Juster = angular.module ('Juster', []); Juster.controller ('AlbumsController', функция ($ масштаб) { $ .post ("/ index.php/profile_ctrl/myalbums", функция (данные) { $ scope.albums = данные; })} ); Итак, html: – user3169724

Я начал создавать свой проект на JQuery после того, как вспомнил об Angular. Это помогает, легко отображать json – user3169724

Мэтт прав, говоря, что вам нужно отпустить 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 
     }); 
});

источник

2014-01-07 19:46:44

Angular.JS in dynamic JQuery

ответ

Смежные вопросы