Javascript 为什么赢了';这些AngularJS应用程序不是一起运行的吗?
我有一个成功运行AngularJS应用程序,它是我作为一个独立的“CreateUser”小部件构建的。我正在制作第二个小部件“ViewUsers”,它将是当前用户的一个表(最终目标是根据用户所处的页面将它们绑定在一起或分开) 无论如何,我的第一个应用运行良好,但当我放置第二个应用时,第二个应用不会运行。即使是一个简单的Javascript 为什么赢了';这些AngularJS应用程序不是一起运行的吗?,javascript,angularjs,Javascript,Angularjs,我有一个成功运行AngularJS应用程序,它是我作为一个独立的“CreateUser”小部件构建的。我正在制作第二个小部件“ViewUsers”,它将是当前用户的一个表(最终目标是根据用户所处的页面将它们绑定在一起或分开) 无论如何,我的第一个应用运行良好,但当我放置第二个应用时,第二个应用不会运行。即使是一个简单的{{test}}也不起作用 **编辑:似乎调用$scope.loadUsers()导致错误。在这种情况下,如何调用装入函数以在构造函数中运行 这是一把小提琴和我的密码: HTML(
{{test}}
也不起作用
**编辑:似乎调用$scope.loadUsers()代码>导致错误。在这种情况下,如何调用装入函数以在构造函数中运行
这是一把小提琴和我的密码:
HTML(减去HTML/head)
您试图在函数定义之前调用它。使用这种类型的函数赋值语法是不可能的
请尝试以下方法:
/**
* View users controller
*
* @param {type} $scope
* @returns {undefined}
*/
function ViewUsers($scope, $http){
$scope.users = [];
$scope.url = '/users/getUsers'
$scope.test = 'checken';
$scope.loadUsers = function(){
$http({
method: 'GET',
url: $scope.url
}).success(function(data, status){
$scope.status = status;
$scope.data = data;
console.log($scope.data);
}).error(function(data, status){
$scope.data = data || 'Request failed';
$scope.status = status;
console.log($scope.data);
});
console.log('attempted to get users');
};
$scope.loadUsers();
console.log('loaded view users');
}
哈哈,谢谢你。我认为阅读文档以了解我所指的函数的位置是明智的。我换了这个,它成功了!谢谢,如果允许的话,我会在几分钟内回来接受你的回答me@Prodikl,很高兴这有帮助。
/**
* User creation controller.
*
* @param {type} $scope
* @param {type} $http
* @returns {undefined}
*/
function CreateUsers($scope, $http, $rootScope){
$scope.selectedType = '';
$scope.formData = {};
$scope.method = 'POST';
$scope.url = '/users/createUser';
$scope.types = [
'Student',
'Parent',
'Teacher',
'Staff'
];
$scope.fields = {
User:[
{name: 'First Name', value: 'first_name'},
{name: 'Last Name', value: 'last_name'},
{name: 'Email', value: 'email'},
{name: 'Phone', value: 'phone'}
],
Employee:[
{name: 'Start Date', value:'start_date'},
{name: 'Branch', value:'branch'}
]
};
$scope.fields.Student = $scope.fields.User;
$scope.fields.Parent = $scope.fields.User;
$scope.fields.Employee = $scope.fields.User.concat($scope.fields.Employee);
$scope.fields.Teacher = $scope.fields.Employee;
$scope.fields.Staff = $scope.fields.Employee;
$scope.createNewUser = function(){
this.formData.type = this.selectedType;
console.log($scope);
console.log($scope.formData);
$http({
method: $scope.method,
url: $scope.url,
data: $scope.formData
}).success(function(data,status){
$scope.status = status;
$scope.data = data;
console.log($scope);
}).error(function(data,status){
$scope.data = data || 'Request failed';
$scope.status = status;
console.log($scope);
});
}
}
/**
* View users controller
*
* @param {type} $scope
* @returns {undefined}
*/
function ViewUsers($scope, $http){
$scope.users = [];
$scope.url = '/users/getUsers'
$scope.test = 'checken';
$scope.loadUsers();
console.log('loaded view users');
$scope.loadUsers = function(){
$http({
method: 'GET',
url: $scope.url
}).success(function(data, status){
$scope.status = status;
$scope.data = data;
console.log($scope.data);
}).error(function(data, status){
$scope.data = data || 'Request failed';
$scope.status = status;
console.log($scope.data);
});
console.log('attempted to get users');
}
}
/**
* View users controller
*
* @param {type} $scope
* @returns {undefined}
*/
function ViewUsers($scope, $http){
$scope.users = [];
$scope.url = '/users/getUsers'
$scope.test = 'checken';
$scope.loadUsers = function(){
$http({
method: 'GET',
url: $scope.url
}).success(function(data, status){
$scope.status = status;
$scope.data = data;
console.log($scope.data);
}).error(function(data, status){
$scope.data = data || 'Request failed';
$scope.status = status;
console.log($scope.data);
});
console.log('attempted to get users');
};
$scope.loadUsers();
console.log('loaded view users');
}