草庐IT

angular-ng-if

全部标签

javascript - 是否可以检查 Angular 应用程序是否已经有正在运行的应用程序模块?

我正在编写一个Angular插件,如果没有找到,它将初始化一个Angular应用程序模块,但如果已经有一个正在运行或声明的ng-app,我的应用程序将使用该模块。理想情况下,我的代码如下所示://returnarrayofapps,whetherfromng-appormanuallybootstraprunningAppModules=angular.getNgApps();if(!isEmpty(runningAppModules)){varapp=runningAppModules[0];//Dosomethingwiththealreadyinitializedappliker

javascript - Angular - 使用相同的表单来创建和更新

我有一个非常简单的CRUD应用程序,用于管理音乐专辑。仅跟踪两个字段,标题和艺术家。在thisexample,下拉列表显示相册列表,如果我填写表格并单击“保存”,它将被添加到列表中。在secondexample,选择相册将填充表单,以便对其进行编辑和更新。我的问题是,有没有办法以相同的形式获得这两种功能?当然,我可以创建两个相同的表单并让它们做稍微不同的事情,但考虑到它们对相同的数据进行操作,如果current_album会很好被选中,它更新,当"Newalbum..."被选中,它创建。主要障碍似乎是值(value)与ng-模型。我可以设置该值,以便在我从中选择一个项目时填充它或者我可

javascript - Angular JS, 'nomod',模块 '{0}' 不可用!你要么拼错

这是我的index.html中的代码GooglePhoneGallerySearch:Soryby:AlphabeticalNewest{{Hello}}Totalnumberofphones:{{filtered.length}}{{$index}}{{phone.name}}{{phone.snippet}}Currentfilter:{{query}}CurrentOrder:{{orderProp}}{{phones|json}}-->当我用Chrome的WebInspector打开它时,它经常抛出这个:returnensure(modules,name,function(){

javascript - ng 表类型错误 : Cannot set property '$data' of null

我正在使用ng-table显示来自API调用的信息,我将其分组,就像website上的示例一样.但是,网站上的示例使用了静态信息,因为我每次都需要进行新的API调用。当我不包含$scope.$watch('groupby',function(value)函数时,我可以在第一次初始调用时显示表格。angular.module('myApp.controllers',['ngTable','ui.bootstrap','dialogs']).controller('HomeCtrl',function($scope,$log,$rootScope,$modal,TimeService,Ev

javascript - 使用 RequireJS 加载时 Angular 无法实例化模块

当我将RequireJS与AngularJS一起使用时,确实发生了一些奇怪的事情。我设法通过RequireJS加载了我所有的Angular依赖项。当我在Chrome的开发人员工具中打开“源”Pane时,我可以看到这些脚本已下载。但是Angular一直在控制台中抛出错误,指出它未能实例化模块:UncaughtError:[$injector:modulerr]FailedtoinstantiatemoduleMyTestAppdueto:Error:[$injector:nomod]Module'MyTestApp'isnotavailable!Youeithermisspelledth

javascript - ng-repeat:用数组填充下拉选项

我有一个简单的JavaScript对象,如下所示:$scope.obj={"'Architect'":["asdf","d","e","y"]};我想在选择框中显示'Architect'的值。但是,在尝试执行ng-repeat时,单引号让我失望。{{row}}这不会填充选择框,它只是显示一个空的选择框。我假设它将单引号解释为字符串文字,但即使我添加单引号并转义它们,它仍然无法按预期工作。我错过了什么吗?Hereisasampleplunker: 最佳答案 转义引号Howtoproperlyescapequotesinsidehtml

javascript - ng-options 选择列表值设置为我选择的 id 并将其与 ng-model 正确绑定(bind)

使用angular我想创建一个选择列表,其值采用我选择的id(对象的实际id属性),我想用ng-model指令正确绑定(bind)它。这是我试过的:$scope.People=[{name:"Fred",id:1},{name:"Joe",id:2},{name:"Sandra",id:3},{name:"Kacey",id:4},{name:"Bart",id:5}];$scope.setTo1=function(){$scope.selectedPersonId=1;}http://jsfiddle.net/b7dyadnr/这里selectoptionvalue是正确的值(val

javascript - 调用函数时 Angular ng-keyup 不起作用

我有这个代码:它不会调用搜索功能,因为如果我执行ng-click="search()"它会起作用。这是为什么? 最佳答案 ng-keyup对我来说非常好。有关示例,请参见此fiddle:http://jsfiddle.net/r74a5m25/代码:Hello:functionMyCtrl($scope,$log){$scope.search=function(){alert('test');};}确保您拥有最新版本的Angular以便使用ng-keyup。看起来它从版本1.0.8开始可用。

javascript - 为什么 ng-style 函数应用了两次?

我有一个像这样的Angular应用:angular.module('ngStyleApp',[]).controller('testCtrl',function($scope){$scope.list=[1,2,3];$scope.getStyles=function(index){console.log('gettingstylesforindex'+index);return{color:'red'};};});带有相应的标记:{{value}}正如预期的那样,可见输出是三个红色列表项。但是该语句总共被记录到控制台6次,这意味着View被渲染了两次:gettingstylesfor

javascript - Angular UIBootstrap 弹出错误

从http://angular-ui.github.io/bootstrap/中获取示例并按照我所做的指示:Mouseenter当我将鼠标移到按钮上时,我得到:未捕获的类型错误:无法读取未定义的ui-bootstrap-tpls-0.11.2.min.js:8的属性“split”positionElementsui-bootstrap-tpls-0.11.2.min.js:8zui-bootstrap-tpls-0.11.2.min.js:9pui-bootstrap-tpls-0.11.2.min.js:9kui-bootstrap-tpls-0.11.2.min.js:9b.eve