Javascript 如何修复在Plunker中发出空白页面的有角度的应用程序?

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':

刚刚在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>

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的一些)。。没有这个能实现吗?