Значение привязки AngularJS в атрибуте данных

Ответ 1

Похоже, в этом нет проблемы. Шаблон анализируется, и мой контроллер загружает данные, но когда шаблон обрабатывался, данных еще не было. И директива, которую я ставил, требует, чтобы данные были там os, в то время как просто собирали пустые макроданные.

Способ, которым я решил это, состоял в команде $watch:

$scope.$watch('ready', function() {
  if($scope.ready == true) {
    //now the data-id attribute works
  }
});

Затем, когда контроллер загрузил все элементы ajax, вы выполните следующее:

$scope.ready = true;

Ответ 2

Похоже на то, что вы на самом деле после Promise/Deferred:

// for the purpose of this example let assume that variables '$q' and 'scope' are
// available in the current lexical scope (they could have been injected or passed in).

function asyncGreet(name) {
  var deferred = $q.defer();

  setTimeout(function() {
    // since this fn executes async in a future turn of the event loop, we need to wrap
    // our code into an $apply call so that the model changes are properly observed.
    scope.$apply(function() {
      if (okToGreet(name)) {
        deferred.resolve('Hello, ' + name + '!');
      } else {
        deferred.reject('Greeting ' + name + ' is not allowed.');
      }
    });
  }, 1000);

  return deferred.promise;
}

var promise = asyncGreet('Robin Hood');
promise.then(function(greeting) {
  alert('Success: ' + greeting);
}, function(reason) {
  alert('Failed: ' + reason);
);

Edit: справа, вот простой пример использования Promise с контроллером и привязкой:

var app = angular.module('myApp', []);

app.controller('MyCtrl', function($scope, $q) {
    var deferredGreeting = $q.defer();
    $scope.greeting = deferredGreeting.promise;

    /**
     * immediately resolves the greeting promise
     */
    $scope.greet = function() {
        deferredGreeting.resolve('Hello, welcome to the future!');
    };

    /** 
     * resolves the greeting promise with a new promise that will be fulfilled in 1 second
     */
    $scope.greetInTheFuture = function() {
        var d = $q.defer();
        deferredGreeting.resolve(d.promise);

        setTimeout(function() {
            $scope.$apply(function() {
                d.resolve('Hi! (delayed)');
            });
        }, 1000);
    };
});​

Работа JSFiddle: http://jsfiddle.net/dain/QjnML/4/

В основном идея состоит в том, что вы можете привязать обещание, и оно будет выполнено после того, как ответ async разрешит его.