Javascript 如何修复在Plunker中发出空白页面的有角度的应用程序?
刚刚在AngularJS中定义了一个应用程序“Demo”Javascript 如何修复在Plunker中发出空白页面的有角度的应用程序?,javascript,angularjs,plunker,Javascript,Angularjs,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':
'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>
AngularJS用户界面选择
{{obj.language_selected.name}
- {{language.name}
编辑:选中appName
->'demo'&ng应用程序为demo
&控制器为DemoCtrl
&ng控制器为DemoCtrl
。它的定义是恰当的
plunker现在发出一个空页面
我有什么遗漏吗?此处的Plunker链接:您忘记加载js代码,请添加
<script src="demo.js"></script>
这是plunker您忘记加载js代码,请添加
<script src="demo.js"></script>
这是plunker你好像忘了加载js代码
<script src="demo.js"></script>
似乎您忘记加载js代码了
<script src="demo.js"></script>
您缺少在index.html中添加对demo.js的引用。添加如下引用
<script src="demo.js"></script>
您缺少在index.html中添加对demo.js的引用。添加如下引用
<script src="demo.js"></script>
谢谢您提供的信息。。但当我点击下拉菜单时,我只能通过鼠标选择,键盘键不起作用。你知道如何修复它吗?当我搜索
typehead
时,你需要使用typehead。我看到很多外部库。。你想在这里包括这样的图书馆吗?谢谢你提供的信息。。但当我点击下拉菜单时,我只能通过鼠标选择,键盘键不起作用。你知道如何修复它吗?当我搜索typehead
时,你需要使用typehead。我看到很多外部库。。你想在这里包括这样的图书馆吗?谢谢你提供的信息。。但当我点击下拉菜单时,我只能通过鼠标选择,键盘键不起作用。有没有办法解决这个问题it@nowhewhomustnotbenamed. 因为您使用的是SUPP/UL,SUPP/UL不是输入元素,如果您想要键盘支持,则应该考虑使用不同的element@NickA你能给我举个这样的例子吗?无论我在哪里看到,总是有一个外部库(比如angular的“ui选择”和jquery的一些)。。没有这个可以实现吗?谢谢你提供的信息。。但当我点击下拉菜单时,我只能通过鼠标选择,键盘键不起作用。有没有办法解决这个问题it@nowhewhomustnotbenamed. 因为您使用的是SUPP/UL,SUPP/UL不是输入元素,如果您想要键盘支持,则应该考虑使用不同的element@NickA你能给我举个这样的例子吗?无论我在哪里看到,总是有一个外部库(比如angular的“ui选择”和jquery的一些)。。没有这个能实现吗?