个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
刚刚在 AngularJS 中定义了一个应用程序“演示”
'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 链接在这里:http://next.plnkr.co/edit/nXsUgM7nEsfg7jXh
最佳答案
关于javascript - 如何修复 Angular 应用程序在 Plunker 中给出空白页面的问题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51732450/
24
4
0
有什么办法可以将多个文件上传到http://plnkr.co ，而不是一直复制粘贴代码？如果 plunker 可以连接到 github 存储库，或者可以拖入一组文件，那就太好了。 最佳答案 没有内置方
今天，我发现了一个有趣的plunker，经过谷歌大量搜索后一无所获，希望我能在这里找到答案。我只是想要那个笨蛋的副本。我不想使用复制和粘贴技术。有什么方法可以获取已建立的 plunk 的副本吗？我如何
有没有办法删除过时的Plunker版本，但保留最新版本？ 我在我的 plunk 的原始版本中粘贴了几行，我想隐藏它们。 最佳答案 如果不删除整个 Plunk，则无法删除 Plunk 的版本。 关于pl
如何在 plunker 中创建目录？或者如果有一个目录，如何在该目录中创建新文件/移动？ 您需要为此使用外部工具吗？ 例如: 我已经编辑了现有的 angular2 plunker ，我已经创建了 my
我是这个星球上唯一不能通过标签搜索 plunker 的人吗？这太令人沮丧了，多年来我一直都是这样。此外，我找不到其他人提示同样的问题。我单击顶部的 Tags 选项卡，它会将我带到一个标签页面，它显示“
请参阅 plunker。 http://plnkr.co/edit/EzMmIUYSa11Pl6vbwV7o?p=preview 如您所见，有两个输入字段，每个输入字段前面都有一个说明。 目前，它允许
我试图完全理解 Angular2 final 的变化检测。 这包括: 处理变更检测策略 从组件上连接和分离更改检测器。 我以为我已经对这些概念有了一个非常清晰的概述，但是为了确保我的假设正确，我写了一
http://plnkr.co/edit/v53QDV8604OwGc6VdVYw?p=preview 我有一个非常基本的疑问，我不知道如何解决它。如果您看到输入字段为“负”，我必须从用户那里获取负值
我有一个无法修复的小错误。这是笨蛋-> http://plnkr.co/edit/D3EjXKf48Sq2vuc5MHNx?p=preview 当用户打开模式并进行选择时，他选择按“确定”关闭模式 此
我有两个带有嵌套对象的数组，作为 API 端点调用的一部分下载，其中一个(预览版)只有数字。 示例: [{ obj1:[1, 2], obj2:[3, 4] }] 我必须对另一个端点进行第二次
我已经使用 plunker 大约一个月了。我正在制作一个 backbonejs plunker，我看到 Underscore 丢失了我的模板设置并退回到 ERB 样式模板，而我想要 Mustache
我正在尝试检查我的 ionic 项目，该项目是通过 angular js 构建的，但无法在 plunker 上运行它。它在我的本地机器上运行，包含所有 rpm 包等
http://plnkr.co/edit/a5RpkuWJFMfnOgoKr7pm?p=preview 请引用插件链接。按照这个，我希望我的复选框位于最左侧，并且值“数据:”始终位于最右侧。我的意思是
我一直在关注 this guide from Zurb ，但我无法让这个简单的下拉菜单正常工作。 这是一个傻瓜:http://plnkr.co/edit/nMqBGEjOvhVtaWFIIQHD 我做
我正在使用 Plunker ( http://plnkr.co/ ) 来测试 JavaScript。我想从浏览器控制台访问我在脚本中定义的变量。 在 Plunker 中，谁能告诉我如何从浏览器控制台访
我正在学习 AngularJS 并尝试测试路由。我想知道 Plunker 是否支持这个以便我可以浏览不同的页面。 *单击“登录”返回预览不存在或已过期。在 View 中 Plunker Demo HT
几周前我做了一个 plunker，一切都很顺利。 但是今天当我重新访问它时，我的脚本被 404 轰炸了，知道发生了什么变化吗？ http://plnkr.co/edit/M2hRaf?p=previe
super 简单的问题很抱歉，但是否可以在 plunker 中使用 sass https://plnkr.co/ 最佳答案 是的，您可以使用 SCSS 语法。只需创建一个文件 .scss来自 HTML
我在将 JSON 数据文档显示/输入到 Plunker 上的 HTML 文档中时遇到问题。 当前使用的JS: $(document).ready(function() { //Content Vi
我一直在尝试获得有关日历逻辑的帮助，因此一次只能从表格中选择一个单元格，但这里的 Plunker: http://plnkr.co/edit/F0MIoZIQ3pkhuDgcH2wo?p=info似乎
我是一名优秀的程序员,十分优秀！