角度 UI 类型提前不起作用 - 没有错误
Angular UI Typeahead not working - No errors
我在让预先输入字段工作时遇到了一些问题。我想我已经包含了所有的依赖项并正确连接了它。它使用静态数组,因此应该没有任何数据问题。
没有返回任何错误,并且所有 JS 文件似乎都已正确加载,因此我不知道为什么它不起作用。
我创建了一个 plunkr 来演示这一点。
这是我的实际生产代码
<script src="https://code.angularjs.org/1.2.29/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap.js"></script>
<script src="@Url.Content("~/Scripts/TaggedObjectTagEditorSPA.js")"></script>
<div ng-app="mybookwise" ng-controller="taggedObjectTagEditorSPA as ctrl">
<div class="panel panel-default">
<div class="panel-heading">Tags</div>
<div class="panel-body">
<p class="tagContainer">
<span ng-repeat="tag in ctrl.assignedTags"><a ng-click="ctrl.remove($index)" class="label label-primary label-pill tag">{{tag.Name}} <span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a> <wbr></span>
</p>
</div>
<div class="panel-footer">
<div class="form-group form-inline">
<input type="text" ng-model="ctrl.selectedTag" uib-typeahead="tag for tag in ctrl.existingTagNames | filter:$viewValue | limitTo:8" class="form-control" ng-keyup="$event.keyCode == 13 && ctrl.add()"> <button type="button" class="btn btn-default" ng-click="ctrl.add()">Add</button>
</div>
</div>
</div>
</div>
TaggedObjectTagEditorSPA.ts
module mybookwise {
'use strict';
export class TaggedObjectTagEditorSPA {
existingTags = [];
existingTagNames = [];
selectedTag: string;
assignedTags = [];
httpService: any;
baseUrl: string;
static $inject = ['$http'];
constructor(private $http: ng.IHttpService) {
this.loadJson();
this.selectedTag = "";
}
add() {
var self = this;
for (var i = 0; i < self.existingTags.length; i++) {
if (self.existingTags[i].Name == self.selectedTag) {
self.assignedTags.push({
"Id": self.existingTags[i].Id,
"Name": self.existingTags[i].Name
});
self.selectedTag = "";
return;
}
}
self.assignedTags.push({
"Id": "",
"Name": self.selectedTag
});
self.selectedTag = "";
}
remove(index) {
var self = this;
self.assignedTags.splice(index, 1);
}
private loadJson() {
var existingTags = angular.fromJson($('#existingTags').html());
this.existingTags = existingTags;
var assignedTags = angular.fromJson($('#assignedTags').html());
this.assignedTags = assignedTags;
this.copyTagsToTagNameArray();
}
private copyTagsToTagNameArray() {
for (var i = 0; i < this.existingTags.length; i++) {
this.existingTagNames.push(this.existingTags[i].Name);
}
}
}
angular.module('mybookwise', ['ui.bootstrap'])
.controller('taggedObjectTagEditorSPA', TaggedObjectTagEditorSPA);
}
uib-typeahead
是在更高版本的Angular UI中引入的。在此版本(0.12.0)中,它应该是typeahead
相关文章:
- 当有许多形式时,Fancybox脚本不起作用
- jquery中出现NaN错误.已经尝试过ParseInt,但仍然不起作用
- 未捕获的类型错误:无法设置属性'innerHTML'如果为null,则将脚本移动到正文不会;不起作用
- 错误检查在Javascript中不起作用
- Javascript设置日期不起作用,显示错误的时间
- javascript函数,该函数不起作用,但不会显示任何错误
- 如果iframe在src(pdf或text)中有非html文档,则iframe中的onload不起作用
- 属性选择器不起作用(语法错误、无法识别的表达式)
- .fillStyle 不起作用,控制台中没有错误
- 简单的jquery不起作用,并返回错误
- 我试图使用引导模式类来制作一个弹出注册表单,但弹出没有'不起作用
- 当展开点击 li 的 ul 事件时,JS JQUERY 错误不起作用
- Ajax 成功事件多错误不起作用
- 地理定位功能错误不起作用
- 滚动到第一个错误不起作用
- 简单的jquery+javascript不起作用:add".有错误”;不工作,并且未定义onclick事件
- Ajax-jQuery和Ajax错误/不起作用
- 当API http请求有json错误(没有发现)时,javascript警报不起作用
- 在catch块中抛出新的错误不起作用
- 这段代码有什么问题?我不断收到错误,而且它不起作用