Angularjs 与'的参数;控制器';不是函数,未定义

Angularjs 与'的参数;控制器';不是函数,未定义,angularjs,angularjs-scope,Angularjs,Angularjs Scope,我发现了类似的问题,但没有得到解决,所以我发布了一个问题。 我一直在用AngularJS实现和显示数据库中的数据,下面是mu代码 index.php文件: 名字:{{firstname}} script.js: var-app=angular.module('wp',['ngRoute',''); app.config(函数($routeProvider,$locationProvider){ $routeProvider 。当(“/”{ templateUrl:localized.part

我发现了类似的问题,但没有得到解决,所以我发布了一个问题。 我一直在用AngularJS实现和显示数据库中的数据,下面是mu代码

index.php文件:

名字:{{firstname}}
script.js:
var-app=angular.module('wp',['ngRoute','');
app.config(函数($routeProvider,$locationProvider){
$routeProvider
。当(“/”{
templateUrl:localized.partials+'main.php',
控制器:“主”
})
.当(“/:slug”{
templateUrl:localized.partials+'content.html',
控制器:“内容”
})
.否则({
重定向到:'/'
});
$locationProvider.html5Mode(true);
});
app.controller('Main',函数($scope,$http,$routeParams){
$http.get('wp-json/wp/v2/posts/')。成功(函数(res){
$scope.posts=res;
});
});
应用程序控制器('内容',
['$scope','$http','$routeParams',函数($scope,$http,$routeParams){
$http.get('wp-json/wp/v2/posts/?slug='+$routeParams.slug)。成功(函数(res){
$scope.post=res[0];
});
}
]
);
app.filter('removeHTMLTags',function(){
返回函数(文本){
返回文本?字符串(文本)。替换(/]+>/gm',):'';
};
});
app.controller('mycontrollermenu',函数($scope){
$scope.firstname=“菜单1”;
});
我在索引和js文件中添加了控制器mycontrollermenu,但该文件不起作用,并且出现了如下错误 参数“mycontrollermenu”不是函数,未定义

有谁能告诉我“mycontrollermenu”控制器有什么错误吗

有几个问题

  • ng app
    需要位于根元素上。像

  • localized
    是全局变量吗?它既没有注射也没有申报

  • 模块定义中有一个空字符串。忘记包含依赖项

    var-app=angular.module('wp',['ngRoute','')


我正在处理你的代码。

尝试创建一个新的
.js
文件,比如
MenuController.js
,然后添加相同的文件

app.controller('mycontrollermenu',function($scope){
$scope.firstname = "Menu 1";        
 });

在页面的index.html中,在angularjs文件之后添加

添加
script.js
文件引用references@PankajParkar:是的,我添加了它,但没有任何更改。@RaphaMex:它在html标记的标题中。..ng应用程序在标题的html标记中声明,是的,本地化变量是全局变量,我还删除了模块定义中的空字符串。但它仍然不起作用。是的,它起作用了……你能告诉我为什么我需要分离代码吗?如果我告诉你为什么,那就是在撒谎,对我来说,最好将javascript分割成文件每个控制器都是一个文件,而不是有一个大的
app.js
和所有控制器等等。如果它对您有效,请向上投票:)
var app = angular.module('wp',['ngRoute','  ']);
app.config(function($routeProvider, $locationProvider){
    $routeProvider  
    .when('/', {
        templateUrl : localized.partials + 'main.php',
        controller  :  'Main'
    })
    .when('/:slug', {
        templateUrl: localized.partials + 'content.html',
        controller: 'Content'
    })
    .otherwise({
        redirectTo: '/'
    });

    $locationProvider.html5Mode(true);
});

app.controller('Main',function($scope, $http, $routeParams){    
    $http.get('wp-json/wp/v2/posts/').success(function(res){                
        $scope.posts = res;     
    });

});

app.controller('Content',
        ['$scope', '$http', '$routeParams', function($scope, $http, $routeParams) {                     
            $http.get('wp-json/wp/v2/posts/?slug=' + $routeParams.slug).success(function(res){                                                
                $scope.post = res[0];
            });
        }
    ]
);


app.filter('removeHTMLTags', function() {
    return function(text) {
        return  text ? String(text).replace(/<[^>]+>/gm, '') : '';
    };
});

app.controller('mycontrollermenu',function($scope){
    $scope.firstname = "Menu 1";        
});
app.controller('mycontrollermenu',function($scope){
$scope.firstname = "Menu 1";        
 });