草庐IT

Angularjs——初识AngularJS

全部标签

javascript - 如何在单击按钮时在angularjs中动态添加输入字段?

我正在尝试做一个简单的示例,其中每次用户单击按钮时都会有一个输入字段和一个按钮字段。单击与输入字段一起出现的新按钮时,如何获取输入字段的文本?http://codepen.io/anon/pen/yNLGzxvarapp=angular.module('ionicApp',['ionic']);app.controller('cntr',function($scope){$scope.addfield=function(){alert("howtoaddinputfielddyanmically")}})我不知道该怎么做;在jQuery中我们可以使用append函数,就像这样$('.a

javascript - 使用 angularjs 使用 ng-repeat 和 json 数据进行 CSS 星级评分

想要根据从JSON接收到的值显示一个divn次。我的对象:$scope.pro=[{product:"chicken",rating:3},{product:"fish",rating:3},{product:"pizza",rating:4}];如果产品有3个评级,则div必须显示三次,例如星级。在angular.js中如何实现?MyPlunkerDemo 最佳答案 你能试试这个吗,JS$scope.pro=[{product:"chicken",rating:3},{product:"fish",rating:3},{produ

javascript - AngularJS:服务查询返回零结果

我的app.js看起来像varapp=angular.module('pennytracker',['$strap.directives','ngCookies','categoryServices']);app.config(function($routeProvider){console.log('configuringroutes');$routeProvider.when('/summary',{templateUrl:'../static/partials/summary.html'}).when('/transactions',{templateUrl:'../static

javascript - 具有任意字符的 AngularJS 路由参数

我是AngularJS的新手,如果这很明显,请原谅我,但我正在寻找可以回答这个棘手问题的人。我正在实现一个应用程序,需要将一些参数传递给特定View以显示有关书籍的详细信息。基本上我希望能够使用以下路由表达式:bookApp.config(['$routeProvider',function($routeProvider){$routeProvider.when('/catalog',{templateUrl:'cataloglist.htm',controller:'catCtrl'}).when('/book/:title/:chapter',{template:'chapterd

javascript - AngularJs ng-repeat orderBy 不适用于嵌套对象属性

我正在尝试ng-repeat嵌套对象属性并对它们进行排序,但排序对我不起作用。我看过这个:HowtoorderbyinAngularJSusingNestedproperty但是json结构不同,我无法让它工作。Plunker我的代码:{{item.name}}-{{item.order}}范围:$scope.data={"78962":{"id":"78962","name":"item2","type":"blind","order":{"allListPosition":"008","catListPosition":"059"},"data":{"status":"stop",

javascript - 在 AngularJS 指令中获取元素父高度

如何从指令中获取和设置元素的父级高度?这就是我现在拥有的,显然它不起作用。varvAlign=angular.module("vAlign",[]).directive('vAlign',function(){return{restrict:"AC",link:function(scope,e){e.parent.height(1200);console.log(e.parent.height);}};}); 最佳答案 您可以使用jqLit​​e/jQuery的parent和height方法:link:function(scope,

javascript - AngularJS $http.post 与正文

我有一个使用Cordova和AngularJS的应用程序。使用Angular,我向我的后端应用程序(SpringREST)发送一个值。我为此使用的方法是$http.post。问题当我尝试将数据发送到我的服务器时,Spring不会在我的实体中设置值。因此,我无法保存我的新数据。Angular代码我的AngularJS代码如下:httpService.createInBackend=function(url,data,callback,errorCallback){http.post(url,data).then(function(success){callback(success);},

javascript - 无法绑定(bind)到没有标识符的 Controller + angularjs

我有一个这样的状态路由器:$stateProvider.state('home',{url:'/',templateUrl:'spa/layouts/home.html',controller:'HomeController',controllerAs:'ctrl'});在我的home.html模板中我有:.....在指令my-list中,我有以下内容:vartemplateUrl='spa/components/classList/classList.html';angular.module('directives').directive('myList',component);fu

javascript - JS 双感叹号——有什么好的理由使用它吗?

我已经和一位同事就这个话题争论了大约一个星期。我非常喜欢速记代码,尽可能使用三元组等。最近,他一直在指责我使用双重感叹号。在运行了无数次测试之后,我开始同意他的观点……在我的代码中使用双重感叹号可能并不明智。考虑一下:varmyvar="Hello";return(!!myvar?"Varisset":"Varisnotset");上面的示例按预期工作。然而,如果我们检查一个可能返回undefinedvariable,我们会得到一个错误,尤其是在IE7中。然而,如果我们在我们的控制台中运行它,我们会得到我们预期的结果:if(randomvar)alert('Works');使用这种方法

javascript - 让 AngularJS 将依赖项注入(inject)对象,就像它已经为 Controller 所做的那样

我正在使用AngularJS1.0.2与jQuery1.8.2并且我正在尝试让AngularJS将依赖项注入(inject)对象,就像它对Controller所做的那样。您可以在jsFiddle上找到一个基本示例,在那里你会发现两个Controller(List和NewItem),一个对象(Item)和一个带有服务的模块(名为服务和通信)。我的问题是Item:varItem=function(name,price){varself=this;self.name=name;self.price=price;self.pretty=function(){returnself.name+":