AngularJS:子视图';s控制器从未打过电话
我的控制器AngularJS:子视图';s控制器从未打过电话,angularjs,controller,Angularjs,Controller,我的控制器listMembersController从未被调用,我不明白为什么 我的应用程序必须执行的操作: 我去 在列表成员部分:我获得用户 lobble.html <h1>Lobby</h1> <div ng-include src="'partials/lobby/lobby-quickFight.html'"> </div> <div ng-include src="'partials/lobby/lobby-chatMesse
listMembersController
从未被调用,我不明白为什么
我的应用程序必须执行的操作:
- 我去
- 在列表成员部分:我获得用户
<h1>Lobby</h1>
<div ng-include src="'partials/lobby/lobby-quickFight.html'">
</div> <div ng-include src="'partials/lobby/lobby-chatMessenger.html'"></div>
<div ng-include src="'partials/lobby/lobby-listMembers.html'"></div>
<div id="container-list-members" class="col-md-4" ng-controller="listMembersController">
<div class="lobby-container">
<h1>List members!</h1>
<p> {{ users }}</p>
<li ng-repeat="user in users">
<p>{{ user.name }}</p>
</li>
</div>
将显示此日志。问题出现在下一个控制器中:
ListMembersController.js
app.controller('lobbyController', function($rootScope, $scope) {
$rootScope.title = "Lobby";
console.log('I'm in lobbyController');
});
app.controller('listMembersController', function($rootScope, $scope, JSFAPI) {
$scope.users = function() {
console.log('I'm in a listMembersController');
JSFAPI.getUsers(); //Get users in JSON format thanks to nodejs server
};
});
var app = angular.module('jsfighterclient', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise("/");
$stateProvider
.state("lobby", {
url: "/lobby",
templateUrl: "partials/lobby.html",
controller: "lobbyController",
data: {
loginRequired: false
}
});
});
首先,这个日志没有出现,所以我认为这个函数永远不会被调用
client.js
app.controller('lobbyController', function($rootScope, $scope) {
$rootScope.title = "Lobby";
console.log('I'm in lobbyController');
});
app.controller('listMembersController', function($rootScope, $scope, JSFAPI) {
$scope.users = function() {
console.log('I'm in a listMembersController');
JSFAPI.getUsers(); //Get users in JSON format thanks to nodejs server
};
});
var app = angular.module('jsfighterclient', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise("/");
$stateProvider
.state("lobby", {
url: "/lobby",
templateUrl: "partials/lobby.html",
controller: "lobbyController",
data: {
loginRequired: false
}
});
});
我是angularJS社区的新成员,如果这很容易,我向您道歉。我在这里发帖之前试图搜索答案,但我很难找到我的问题的单词
我认为在我的例子中,重要的一点是,我的视图是由其他视图组成的,正是这个子视图起作用
谢谢大家! ng中继器正在寻找“用户”作为对象/数组 试试这个:
app.controller('listMembersController', function($rootScope, $scope, JSFAPI) {
console.log("I'm in a listMembersController");
$scope.users = JSFAPI.getUsers(); //Get users in JSON format thanks to nodejs server
});
谢谢,这是工作。但是为什么我不能将回调函数设置为$scope.users呢?我在很多例子中都看到了!你说ng repeater正在寻找一个对象/数组,所以它不能使用json?我不完全理解你在$scope.users中添加回调函数的意思,但通常你会在服务调用(如果$http调用)中添加回调函数,比如:
JSFAPI.getUsers()。然后(function(rslt){console.log(“回调”);$scope.users=rslt;})代码>好!谢谢我想,我不完全明白。我是这项技术的新手。我将阅读更多关于这方面的教程。