如何修复 Angular 应用程序在 Plunker 中给出空白页面?
How to fix an Angular app giving out an empty page in Plunker?
刚刚在 AngularJS
中定义了一个应用 'Demo'
'use strict';
var app = angular.module('demo', []);
app.controller('DemoCtrl', function($scope) {
$scope.obj={language_selected : {'name':'Choose a language'}};
$scope.language_list = [{'name': 'english', 'url': 'https://raw.githubusercontent.com/stevenrskelton/flag-icon/master/png/16/country-4x3/gb.png'},{'name': 'italian', 'url': 'https://raw.githubusercontent.com/stevenrskelton/flag-icon/master/png/16/country-4x3/it.png'}];
});
现在对应定义了一个HTML页面
<!DOCTYPE html>
<html lang="en" ng-app="demo">
<head>
<meta charset="utf-8">
<title>AngularJS ui-select</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-sanitize.js"></script>
<link rel="stylesheet" href="select.css">
</head>
<body ng-controller="DemoCtrl">
<div class="select_list" ng-class='{active:active}' ng-click="active=!active">
<span ng-style="{'background-image':'url('+obj.language_selected.url+')'}">{{obj.language_selected.name}}</span>
<ul class="options">
<li class="select_list_option" ng-repeat="language in language_list" ng-click="obj.language_selected=language" ng-style="{'background-image':'url('+language.url+')'}">{{language.name}}</li>
</ul>
</div>
</body>
</html>
编辑:检查了 appName
-> 'demo' & ng-app 是 demo
& controller 是 DemoCtrl
& ng-controller 是 DemoCtrl
。它被适当地定义。
plunker 现在给出一个空白页。
我在这里遗漏了什么吗? Plunker link 在这里:http://next.plnkr.co/edit/nXsUgM7nEsfg7jXh
您忘记加载您的js代码,请添加
<script src="demo.js"></script>
这里是 plunker http://next.plnkr.co/edit/g4yKhngP1TyJ8jLr
你好像忘了加载你的js代码
<script src="demo.js"></script>
您缺少在 index.html 中添加对 demo.js 的引用。添加引用如下。
<script src="demo.js"></script>
刚刚在 AngularJS
中定义了一个应用 'Demo''use strict';
var app = angular.module('demo', []);
app.controller('DemoCtrl', function($scope) {
$scope.obj={language_selected : {'name':'Choose a language'}};
$scope.language_list = [{'name': 'english', 'url': 'https://raw.githubusercontent.com/stevenrskelton/flag-icon/master/png/16/country-4x3/gb.png'},{'name': 'italian', 'url': 'https://raw.githubusercontent.com/stevenrskelton/flag-icon/master/png/16/country-4x3/it.png'}];
});
现在对应定义了一个HTML页面
<!DOCTYPE html>
<html lang="en" ng-app="demo">
<head>
<meta charset="utf-8">
<title>AngularJS ui-select</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-sanitize.js"></script>
<link rel="stylesheet" href="select.css">
</head>
<body ng-controller="DemoCtrl">
<div class="select_list" ng-class='{active:active}' ng-click="active=!active">
<span ng-style="{'background-image':'url('+obj.language_selected.url+')'}">{{obj.language_selected.name}}</span>
<ul class="options">
<li class="select_list_option" ng-repeat="language in language_list" ng-click="obj.language_selected=language" ng-style="{'background-image':'url('+language.url+')'}">{{language.name}}</li>
</ul>
</div>
</body>
</html>
编辑:检查了 appName
-> 'demo' & ng-app 是 demo
& controller 是 DemoCtrl
& ng-controller 是 DemoCtrl
。它被适当地定义。
plunker 现在给出一个空白页。
我在这里遗漏了什么吗? Plunker link 在这里:http://next.plnkr.co/edit/nXsUgM7nEsfg7jXh
您忘记加载您的js代码,请添加
<script src="demo.js"></script>
这里是 plunker http://next.plnkr.co/edit/g4yKhngP1TyJ8jLr
你好像忘了加载你的js代码
<script src="demo.js"></script>
您缺少在 index.html 中添加对 demo.js 的引用。添加引用如下。
<script src="demo.js"></script>