问题标签 [plunker]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 在保留绑定的同时连接集合
我的控制器中有两个数组，第三个数组是通过连接前两个数组形成的。
然后我使用 . 输出所有这些数据ng-repeat。
当我单击按钮并将狗添加到$scope.dogs数组时，宠物列表永远不会更新。
如何在保留 angular 绑定的同时连接两个对象集合，以便宠物更新？
javascript - 在非多选框上使用 Selectize API
我有一个简单的Selectize设置，我正在尝试使用它getOption和addOption方法。
我写了一些 JS 来调用我的 selectize 实例上的方法：
不幸的是，该addOption功能似乎没有向选择框添加选项。更糟糕的是，getOption电话只是返回undefined。此外，如果我添加multiple到<select>标签中，那么两个 API 调用都会按预期工作。
我创建了一个显示问题的 Plunker。
我究竟做错了什么？
javascript - Angular ngGrid 数据展示
我是 Angular 的新手，我在 Javascript 方面的经验不是很丰富。我无法使用以下代码在 ngGrid 中显示数据。问题是什么？
在本质上。我正在从 Web 服务加载数据，对其执行转换（透视），然后我想将其呈现在网格中。
请看以下
app.js -> 开始定位
dataService.js -> 网络服务调用
ngGridController.js -> 逻辑所在的位置...
..这是“透视”数据的逻辑
plnkr：http ://plnkr.co/edit/ZqC7696xGbUtuWGIvnYs?p=preview
编辑：数据相关行<-> 列是正确的，我怀疑 pivotedArray.PivotedRows 数组中的数据有问题。
angularjs - 使用 openPlunkr 功能
在 Angular.js 的开发人员指南中，大多数示例都有这个很酷的功能，您可以按下一个“在 Plunker 中编辑”按钮，它将所有文件发布到 Plunker 并使用这些文件打开一个新的私有 Plunk。我正在使用 HTML-5 演示工具，这可能是一个很酷的功能，可以添加到我的幻灯片中。我试图构建一个简单的示例，灵感来自我在 Angular.org 上找到的内容，但鉴于我目前的 Angular 技能，我失败了。我正在寻找一个简单的“入门”示例，可以使用 Angular.org (openPlunkr)、JQuery 或类似的策略。
developer-tools - 使用 Plunker 调试 javascript
我刚开始使用 Plunker，我想使用 Firefox 或 Chrome 开发人员工具来调试 javascript。看起来 javascript 文件在我第一次在调试器面板中打开它们时被缓存了。更改 javascript 后如何让面板刷新？（我在 Chrome 和 Firefox 中尝试过开发者工具，我也尝试过 Firebug）
javascript - Plunker 是否支持多视图？
我正在学习 AngularJS 并尝试测试路线。我想知道 Plunker 是否支持这一点，以便我可以浏览不同的页面。
*单击“登录”返回Preview does not exist or has expired.视图
HTML
JS
javascript - AngularJs - UI 中的字段不反映更新的模型值
一个常见的场景是，我在 ng-repeat 中显示了一组项目。对于显示的每一行，我都有一个启动流程（文件上传）的按钮和一个状态字段。我希望我的 UI 能够在流程状态发生变化时反映出来。这在 Angular 中使用 2 路绑定应该很容易，对吧？
我在 ng-repeat 上创建了第二个（子）控制器，以便我可以简单地更新它自己范围内的项目的状态，而不是处理项目的集合，特别是因为这个过程是异步的，用户可能会上传很多文件同时进行。
问题：我缺乏对 Ang/JS 中的 $scope 的理解 - 哈哈。不过说真的，当作用域模型值更新时，UI 中绑定的 {{xxx}} 值不会更新。单击任一按钮并观看警报。如何让 UI 正确更新？
仅供参考 - 实际上，该按钮调用外部库上的 API 来上传文件并返回给我一个 url 以检查我的上传状态。然后我在 setInterval() 循环中轮询 url 以 ping 状态直到完成或错误。我在 Plunkr 中简化了该部分，因为这种复杂性本身不是问题。 Plunkr
JS
javascript - 为什么 Plunker 使用 AngularJS 会出现 404 错误？
当我在本地运行此代码时，它可以正常工作，但是当我将其放入此 Plunker （http://plnkr.co/edit/RCMbxv7Peb83tRKWTMJM）时，我收到以下循环 404 错误：
我错过了什么？
angularjs - Plunker 找不到 angularfire simpleLogin
我正在使用 Plunker 来展示一些 Angular 功能。我遇到了一个非常烦人的错误，它说：
failed to instantiate module fireApp due to:
[$injector:modulerr] Failed to instantiate module simpleLogin due to:
[$injector:nomod] Module 'simpleLogin' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
我尝试以各种方式导入 simpleLogin
<script src="https://cdn.firebase.com/js/simple-login/1.6.3/firebase-simple-login.js"></script>
和
<script data-require="firebase-simple-login@*" data-semver="1.6.2" src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js"></script>
这是我的头：
<head>
<script src="https://code.angularjs.org/1.2.21/angular.js" data-semver="1.2.21" data-require="angular.js@1.2.21"></script>
<script data-require="firebase@*" data-semver="1.0.18" src="https://cdn.firebase.com/js/client/1.0.18/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.8.0/angularfire.js" data-semver="0.8.0" data-require="angularfire@*"></script>
<script src="https://cdn.firebase.com/js/simple-login/1.6.2/firebase-simple-login.js" data-semver="1.6.2" data-require="firebase-simple-login@*"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js" data-semver="2.1.1" data-require="jquery@*"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js" data-semver="3.1.1" data-require="bootstrap@*"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet" data-semver="4.1.0" data-require="font-awesome@*" />
<script src="app.js"></script>
<link href="main.css" rel="stylesheet" />
</head>
这是 plunker：http ://plnkr.co/edit/YX9qXmPCurZ6BEXCDilr?p=preview
javascript - 如何将应用程序从 Sublime Text 带到 Web IDE 进行共享？
我通常在 Sublime Text 中本地处理我的项目，但有时需要使用 Jsfiddle、codepen 或 plunker 等工具与其他人共享它们。这通常是为了让我摆脱困境。
有没有一种更简单的方法来共享代码，而不涉及纯粹的复制粘贴以及在新环境中正确获取所有依赖项的麻烦？
我需要几个小时才能让我的一些 Angular 应用程序在 plunker 中运行，我想知道是否有更好的方法。