Я пытаюсь построить страницу с динамическим компонентом. Вот мой индекс (левая часть), сгенерированный php.
<div id="userList" ng-controller="userCtr">
<div class="user" data-ng-init="userID[0] = 1" ng-click="selectUser(1)">Tom</div>
<div class="user" data-ng-init="userID[1] = 2" ng-click="selectUser(2)">Peter</div>
<div class="user" data-ng-init="userID[2] = 3" ng-click="selectUser(3)">Zoe</div>
</div>
<div id="mainView"> {{ mainView }} </div>
Мой шаблон / userAPI / 1 находится здесь:
<div id="userProfile" ng-init="currentUser = 'Peter'"></div>
<div class="row" ng-model="height">180</div>
<div class="row" ng-model="size">M</div>
<div class="row" ng-model="age">18</div>
userCtr попытаться поймать userID и получить профиль пользователя и показать в правой части.
userApp.controller("userCtr", function ($scope) {
$scope.currentUser = false;
$scope.height= false;
$scope.size= false;
$scope.age= false;
$scope.selectedUserID = false;
$scope.$watch('selectedUserID ', function(){
var userID = $scope.selectedUserID ;
if(userID !== false){
$.get("/userAPI/" + userID).then(function(html){
$scope.mainView = html;
/* These return undefined */
console.log($scope.height);
console.log($scope.size);
console.log($scope.age);
/* These return undefined */
});
);
});
$scope.selectUser = function(userID){
$scope.selectedUserID = userID;
}
$scope.$watch('userID', function () {
if(!$scope.selectedUserID )
$scope.selectUser ($scope.userID[0]);
});
})
Я пытаюсь обработать значение ng-model в userCtr, но оно возвращает undefined при использовании console.log ().
Как я могу это исправить?
Задача ещё не решена.
Других решений пока нет …