Javascript 你好，世界AngularJS指令被破坏了_Javascript_Html_Angularjs_Angularjs Directive

Javascript 你好，世界AngularJS指令被破坏了

javascript html angularjs

Javascript 你好，世界AngularJS指令被破坏了,javascript,html,angularjs,angularjs-directive,Javascript,Html,Angularjs,Angularjs Directive,这段代码应该只是使用AngularJS指令打印“Hello world”，但当我将页面加载到浏览器中时，页面是空白的以下是HTML： <!DOCTYPE html> <html> <head> <title>ngClassifieds</title> </head> <body ng-app="ngClassifieds" ng-controller="classifiedsC

这段代码应该只是使用AngularJS指令打印“Hello world”，但当我将页面加载到浏览器中时，页面是空白的

以下是HTML：

<!DOCTYPE html>
<html>
    <head>
        <title>ngClassifieds</title>
    </head>
    <body ng-app="ngClassifieds" ng-controller="classifiedsCtrl">

        <hello-world></hello-world>

        <script src="node_modules/angular/angular.js"></script>
        <script src="node_modules/angular-animate/angular-animate.js"></script>
        <script src="node_modules/angular-aria/angular-aria.js"></script>
        <script src="node_modules/angular-material/angular-material.js"></script>
        <script src="scripts/app.js"></script>
        <script src="components/classifieds.ctr.js"></script>
    </body>
</html>


分类广告

和app.js：

angular
.module("ngClassifieds", ["ngMaterial"])
.config(function($mdThemingProvider) {

    $mdThemingProvider.theme('default')
    .primaryPalette('teal')
    .accentPalette('orange');
})
.directive("helloWorld", function() {
    return {
        template : "<h1>Hello world!</h1>"
    }
});

angular
.module（“ngClassifieds”、[“ngMaterial”]）
.config（函数（$mdThemingProvider）{
$mdThemingProvider.theme（'default'）
.primaryPalette（'teal'））
.accentPalette（“橙色”）；
})
.directive（“helloWorld”，function（））{
返回{
模板：“你好，世界！”
}
});

脚本元素中的路径是正确的，就我而言没有输入错误，而且我很确定我的端口没有问题。如果你能帮我做错事，我将不胜感激

缺少角度材质的引用，因为它是一个依赖项

演示

angular
.module（“ngClassifieds”、[“ngMaterial”]）
.directive（“helloWorld”，function（））{
返回{
模板：“你好，世界！”
}
});

分类广告
您没有加载Angle material.js文件
.module("ngClassifieds", ["ngMaterial"])

-------------------------------------^
<!-- Angular Material Dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>


<!-- Angular Material Javascript now available via Google CDN; version 1.0.7 used here -->
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.7/angular-material.min.js"></script>



有关更多信息，请参阅
控制台中有错误吗？没有，一切正常。您使用的所有这些脚本的版本是什么？这里没有什么突出的地方，但是当问题中的代码引用node\u modules
而没有任何版本信息时，很难重现一个工作示例……我无法重现您的“空白页”，这段代码似乎可以正常工作：当然，这是假设，我所有的文件版本都和你使用的一样。。。