javascript — Angularjs — шаблон http get с моделью ng, но результат не определен

Я пытаюсь построить страницу с динамическим компонентом. Вот мой индекс (левая часть), сгенерированный 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 ().
Как я могу это исправить?

0

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector