Tag: angularjs

AngularJS检查表单在控制器中是否有效: 我需要检查一个表单在控制器中是否有效。视图： <form novalidate="" name="createBusinessForm" ng-submit="setBusinessInformation()" class="css-form"> <!– fields –> </form> 在我的控制器中： .controller( 'BusinessCtrl', function ($scope, $http, $location, Business, BusinessService, UserService, Photo) { if ($scope.createBusinessForm.$valid) { $scope.informationStatus = true; } … 我得到这个错误： TypeError: Cannot read property '$valid' of undefined

混合Angular和ASP.NET MVC / Web API？: 我来自使用ASP.NET MVC / Web API，现在我开始使用Angular，但我不清楚正确的方式来混合它们。一旦我使用Angular，MVC服务器端的概念仍然提供任何价值？还是应该严格使用Web API来获取angular度HTTP调用的数据？任何提示你有一个ASP.NET MVC的家伙过渡到Angular会有所帮助

在angularjs foreach循环: 我正在通过AngularJS的forEach loop 。有几点我不明白。迭代器函数的用途是什么？没有它，有什么办法可以去吗？关键和价值的意义如下所示？ angular.forEach($scope.data, function(value, key){}); PS：我试图运行这个函数没有参数，它不工作。这是我的json ： [ { "Name": "Thomas", "Password": "thomasTheKing" }, { "Name": "Linda", "Password": "lindatheQueen" } ] 我的JavaScript文件： var app = angular.module('testModule', []); app.controller('testController', function($scope, $http){ $http.get('Data/info.json').then( function(data){ $scope.data = data; } ); angular.forEach($scope.data, function(value, key){ if(value.Password == "thomasTheKing") console.log("username is thomas"); }); }); 另一个问题 […]

AngularJS + JQuery：如何获得在angularjs中工作的dynamic内容: 我正在使用jQuery和AngularJS的Ajax应用程序。当我使用jQuery的html函数更新div的内容（包含AngularJS绑定）时，AngularJS绑定不起作用。以下是我正在尝试做的代码： $(document).ready(function() { $("#refreshButton").click(function() { $("#dynamicContent").html("<button ng-click='count = count + 1' ng-init='count=0'>Increment</button><span>count: {{count}} </span>") }); }); </style><script src="../../../angular-1.0.1.min.html"></script><style>.ng-invalid { border: 1px solid red; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app=""> <div id='dynamicContent'> <button ng-click="count = count + 1" ng-init="count=0"> Increment </button> <span>count: {{count}} </span> </div> <button id='refreshButton'> Refresh </button> </div> 我有一个dynamic内容的ID与ID #dynamicContent ，我有一个刷新button，刷新点击时，这个div的内容。 […]

angular度改变延迟: 我有一个input，它可以在变化时过滤一个ng-repeat列表。重复包含大量的数据，并需要几秒钟来过滤所有内容。我希望他们在开始过滤之前有0.5秒的延迟。什么是造成这种延迟的正确方法？ input <input ng-model="xyz" ng-change="FilterByName()" /> 重复 <div ng-repeat"foo in bar"> <p>{{foo.bar}}</p> </div> 过滤function $scope.FilterByName = function () { //Filtering Stuff Here }); 谢谢

ngModel。$ modelValue和ngModel。$ viewValue之间有什么区别: 我有以下ckEditor指令。底部是我从例子中看到的两种变化：如何在编辑器中设置数据： app.directive('ckEditor', [function () { return { require: '?ngModel', link: function ($scope, elm, attr, ngModel) { var ck = null; var config = attr.editorSize; if (config == 'wide') { ck = CKEDITOR.replace(elm[0], { customConfig: 'config-wide.js' }); } else { ck = CKEDITOR.replace(elm[0], { customConfig: 'config-narrow.js' }); } function updateModel() { $scope.$apply(function () { ngModel.$setViewValue(ck.getData()); […]

在select匹配上使用angular ui-bootstrap typeaheadcallback？: 我正在使用angular ui-bootstrap typeahead，我想用它来获取很多select，所以我需要在selectMatch方法启动时获取选定的值，但是我找不到如何执行在我的控制器 <div class='container-fluid' ng-controller="TypeaheadCtrl"> <pre>Model: {{selected| json}}</pre> <input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue"> 如果我看着选定的值，每当按下一个键时我都会得到改变。 scope.$watch('selected', function(newValue, oldValue) {… }); 我得到的方法selectMatch是当用户按下input或点击列表时调用的，但我不知道如何有一个callback… … 谢谢！

如何以编程方式触发ngClick: 我想要在运行时触发ng-click元素，如下所示： _ele.click(); 要么 _ele.trigger('click', function()); 如何才能做到这一点？

使用angular.js将自定义头添加到HTTP请求: 我是angular.js的新手，我正在试图添加一些头到一个请求： var config = {headers: { 'Authorization': 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==', 'Accept': 'application/json;odata=verbose' } }; $http.get('https://www.example.com/ApplicationData.svc/Malls(1)/Retailers', config).success(successCallback).error(errorCallback); 我已经看过所有的文档，这在我看来应该是正确的。当我在$http.get使用URL的本地文件时，我在Chrome的networking标签上看到以下HTTP请求： GET /app/data/offers.json HTTP/1.1 Host: www.example.com Connection: keep-alive Cache-Control: max-age=0 If-None-Match: "0f0abc9026855b5938797878a03e6889" Authorization: Basic Y2hhZHN0b25lbWFuOkNoYW5nZV9tZQ== Accept: application/json;odata=verbose X-Requested-With: XMLHttpRequest If-Modified-Since: Sun, 24 Mar 2013 15:58:55 GMT User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.22 (KHTML, like Gecko) Chrome/25.0.1364.172 Safari/537.22 X-Testing: Testing […]

如何创build输出HTML的angularjsfilter: 在阅读AngularJS教程第9步之后，我创build了自己的AngularJSfilter，它应该将布尔数据转换为html。这是我的过滤代码： angular.module('phonecatFilters', []).filter('iconify', function () { // My custom filter return function (input) { return input ? '<i class="icon-ok"></i>' : '<i class="icon-remove"></i>'; } }); 这是我的HTML代码： <dt>Infrared</dt> <dd>{{phone.connectivity.infrared | iconify }}"></dd> 问题是borwser显示返回值的字面意思是： <i class="icon-ok"></i> 而不是作为应该出现的图标（或呈现的HTML）。这里是JSFiddle的例子我认为在这个过程中会发生一些卫生问题。这个特定的filter可以closures这个消毒吗？此外，我知道如何通过不从filter返回HTML输出而显示图标，而只是“确定”或“删除”文本，然后我可以替代： <i class="icon-{{phone.connectivity.infrared | iconify}}"><i> 但这不是我想要的。