草庐IT

angular-devkit

全部标签

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 - 使用 RequireJS 加载时 Angular 无法实例化模块

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

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 - 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

javascript - 计算给定 Angular 和长度的向量

有没有什么方法可以在javascript中调用一个带有x和y坐标和方向(以度为单位的Angular)的函数,它会返回一组已“移动”的新坐标'在原始坐标给出的方向上增加10px?我环顾四周,但我所能找到的只是获得两个给定坐标的Angular方法。 最佳答案 此函数返回新坐标的数组[xCoord,yCoord]:functionmyFunction(xCoord,yCoord,angle,length){length=typeoflength!=='undefined'?length:10;angle=angle*Math.PI/180

javascript - 如何从 ui-grid 中显示的按钮调用范围方法 - 在 Angular js 中

我想创建一个带有链接的自定义列,并在ng-click上调用$scope方法。ngGrid(HowtocallascopemethodfromabuttondisplayedinngGrid-inAngularjs)有非常相似的问题,该解决方案有效。我正在使用ui-grid,它应该只是ngGrid的更新版本,但它似乎在那里不起作用。这是我的代码:varapp=angular.module('plunker',['ui.grid']);app.controller('MainCtrl',function($scope){$scope.gridOptions={data:[{name:'te

javascript - Angular JS - UI路由器页面重新加载不会设置状态

这是我的主要应用程序(app.js)(function(ng,module){module.config(['$stateProvider','$urlRouterProvider',function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise("app");$stateProvider.state('login',{url:'login',templateUrl:'/assets/templates/pages/login.html'}).state('root',{url:'',templateUr

javascript - 为什么我的工厂需要使用 angular.copy?

我正在尝试让事物工厂发出HTTP请求并能够在我的Controller中使用响应。在我的工厂中,我必须执行angular.copy(data,arr)。简单地执行arr=data是行不通的。为什么是这样?angular.copy()只是a)从arr中删除所有内容b)遍历data并将内容分配给arr。它与arr=data的唯一区别是arr指向data而不是data的新副本.为什么这很重要?为什么arr=data.slice(0)不起作用(据我所知,它与angular.copy几乎相同)?实现我的目标的最佳方法是什么?(正确使用工厂)ma​​in.htmlTestApp{{thing.nam

javascript - 如何在 Angular js中将数据从工厂传递到 Controller ?

我有一个工厂包含保存客户功能。成功后我想在Controller中传递它的响应以便我可以更新View。工厂sampleApp.factory("authFactory",function($location,$http,transformRequestAsFormPost){return{saveCustomer:function(data){varrequest=$http({method:"post",url:"webservice/ws.php?mode=saveCustomer",transformRequest:transformRequestAsFormPost,data:d