Javascript 为什么赢了';这些AngularJS应用程序不是一起运行的吗?

Javascript 为什么赢了';这些AngularJS应用程序不是一起运行的吗?,javascript,angularjs,Javascript,Angularjs,我有一个成功运行AngularJS应用程序,它是我作为一个独立的“CreateUser”小部件构建的。我正在制作第二个小部件“ViewUsers”,它将是当前用户的一个表(最终目标是根据用户所处的页面将它们绑定在一起或分开) 无论如何,我的第一个应用运行良好,但当我放置第二个应用时,第二个应用不会运行。即使是一个简单的{{test}}也不起作用 **编辑:似乎调用$scope.loadUsers()导致错误。在这种情况下,如何调用装入函数以在构造函数中运行 这是一把小提琴和我的密码: HTML(

我有一个成功运行AngularJS应用程序,它是我作为一个独立的“CreateUser”小部件构建的。我正在制作第二个小部件“ViewUsers”,它将是当前用户的一个表(最终目标是根据用户所处的页面将它们绑定在一起或分开)

无论如何,我的第一个应用运行良好,但当我放置第二个应用时,第二个应用不会运行。即使是一个简单的
{{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');
}