草庐IT

AngularJS-ng

全部标签

javascript - AngularJS - $filter 未定义

我正在尝试将过滤器注入(inject)我的Controller并按原样使用它:angular.module('graduateCalculator',[]).filter('slug',function(){returnfunction(input){if(input){returninput.toLowerCase().replace(/[^a-z-]/g,'-');}};}).controller('GraduateCalculatorController',['$filter',app.graduateCalculator($filter)]);但是,我得到了上面的错误。我显然做

javascript - ng-bootstrap 模态未显示

我在我的应用程序中使用ng-bootstrap模态来显示对话框。但是当点击按钮时,什么也没有发生,模式没有显示。在调试时它可能会发现正在调用操作,但未显示模态。这是我的app.module.tsimport{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{TaskService}from'../app/task/task.service';import{TaskComponent}from'../app/task/task.component';import

javascript - AngularJS - 使用 Angular-UI Typeahead 时为 "Error: Template must have exactly one root element"

我正在使用AngularUITypeahead,在我的应用程序的“索引”页面上。我没有做任何花哨的事情-事实上,我只是想让他们在他们的UI网站上运行的示例正常工作,但我收到了这个错误:Error:Templatemusthaveexactlyonerootelement我不知道这是什么意思,但只有当我有以下代码时才会发生:如果相关,我的主页Controller(通过$routeProvider为/索引目录调用):functionindexCtrl($scope,$location,$resource){$scope.selected=undefined;$scope.states=['

javascript - Angularjs检查数组中是否存在传递值

我正在尝试使用AngularJS将两个文本字段值传递到数组中,但我还想检查传递的第一个值是否已存在于数组中。如果是,我不想再添加它,如果它不存在,则添加值。我可以让它添加值,但我在尝试检查数组中是否已经存在姓氏值时遇到了困难。我找到了一些我试图遵循的例子,但我似乎无法让它们发挥作用。感谢您的帮助!{{todo.text}},{{todo.name}}Add待办事项functionTodoCtrl($scope){$scope.todos=[];$scope.addTodo=function(){if($scope.todos.indexOf(text:$scope.formTodoLa

javascript - 找到对象数组angularjs的索引

例如我有这个数组:$scope.records=[{"Name":"AlfredsFutterkiste","Country":"Germany"},{"Name":"Berglundssnabbköp","Country":"Sweden"},{"Name":"CentrocomercialMoctezuma","Country":"Mexico"},{"Name":"ErnstHandel","Country":"Austria"}];如何从对象中获取值索引?以“国家”为例:“奥地利”这个指数是3 最佳答案 你可以使用Array

javascript - AngularJS 缓存一个 REST 请求

我是angularJS的新手,对缓存等有疑问。我有一个包含两个步骤的向导,我希望能够单击“上一步”和“下一步”,并且仍然按照用户填写的方式填写表格。在我的page1Partial我有这个:当我转到下一页,然后单击后退时,复选框被清除,这是因为我再次调用了对Java服务的RESful调用。如何缓存此响应?在我的Controller中,这每次都会触发我的REST网络服务。$scope.picks=Pick.query();我的服务angular.module('picksService',['ngResource']).factory('Pick',function($resource){

javascript - Angularjs $window.open 弹出窗口被阻止

我正在尝试使用GithubAPI的webauthflow从AngularJS应用程序中。当我的注册表单提交时,我想打开一个新窗口将它们发送到授权页面。通常我只会在用户事件中使用window.open以确保它不会被弹出窗口拦截器捕获。在我的Angular应用程序中,我包装了一些GithubAPI和Angular服务,打开窗口的代码也放在那里。正因为如此,它被阻止了。我还尝试将它放在Controller中的一个函数中,该函数通过ng-submit被表单调用。所以问题是,是否有一种优雅的方式可以在我的服务或Controller中的某处提交的表单上打开一个新页面,或者我是否需要找到另一种方式来

javascript - ng-src : show a throbber before an image is loaded

我实现了一个界面,用户可以在其中通过单击按钮循环浏览一组图像。图片URL存储在一个数组中,并由angular.js动态替换:但是,对连续图像的请求往往会有点滞后,并且图像变化并不明显,因为在新图像到达之前显示之前的图像。我想用throbber(动画gif)替换图像。我如何使用Angular.js实现这一点? 最佳答案 您可以使用一个指令来做到这一点,该指令会在路径更改时用微调器替换您的图像,并在加载图像时显示图像。app.directive("mySrc",function(){return{link:function(scope,

javascript - AngularJS UI Bootstrap 模式无法执行范围内的功能

在我的angularjs应用程序中,我使用UIBootstrap来创建模式。我将范围和自定义Controller传递到模态中,它显示我来自原始范围的数据,但无法执行其任何功能。我有主Controller:myapp.controller('WsCtrl',functionWsCtrl($scope,$location,todoStorage,filterFilter,$modal,$log){在Controller中我有下一个:$scope.items=['item1','item2','item3'];$scope.open=function(){varmodalInstance=$

javascript - 如何使用 angular ng-repeat 遍历 javascript Map

我正在开发一个Angualr应用程序,我们有一个Map对象(如下所示)。map对象(headerObj)的键和值来自用户作为应用的输入,varheaderObj=newMap();headerObj.set(key,value);我正在使用foreach遍历它们,如下所示,输出符合预期$scope.inputHeaders.forEach(function(headerkey,headervalue){console.log(headerkey,headervalue;});但是我必须在UI中显示这个map值,用户可以再次编辑,所以我绑定(bind)了它们{{key}}:{{value