Tag: angularjs

检测未保存的更改并使用angularjs提醒用户: 以下是目前的代码 <!doctype html> <html ng-app> <head> <script src="../../../1.1.2/angular.min.js"></script> <script type="text/javascript"> function Ctrl($scope) { var initial = {text: 'initial value'}; $scope.myModel = angular.copy(initial); $scope.revert = function() { $scope.myModel = angular.copy(initial); $scope.myForm.$setPristine(); } } </script> </head> <body> <form name="myForm" ng-controller="Ctrl"> myModel.text: <input name="input" ng-model="myModel.text"> <p>myModel.text = {{myModel.text}}</p> <p>$pristine = {{myForm.$pristine}}</p> <p>$dirty = {{myForm.$dirty}}</p> <button ng-click="revert()">Set pristine</button> </form> […]

量angular器/selenium“无法findchromedriver”（在Windows上）: 我按照这个教程安装了量angular器，当我使用webdriver-manager更新时说： selenium standalone is up to date. chromedriver is up to date. 当我尝试运行量angular器testing时，它会说： C:\Users\****\AppData\Roaming\npm\node_modules\protractor\lib\driverProviders\local.dp.js:42 throw new Error('Could not find chromedriver at ' + ^ Error: Could not find chromedriver at C:\Users\****\AppData\Roaming\npm\node_modules\protractor\selenium\chromedriver.exe at LocalDriverProvider.addDefaultBinaryLocs_ (C:\Users\****\AppData\Roaming\npm\node_modules\protractor\lib\driverProviders\local.dp.js:42:15) at LocalDriverProvider.setupEnv (C:\Users\****\AppData\Roaming\npm\node_modules\protractor\lib\driverProviders\local.dp.js:59:8) at Runner.run (C:\Users\****\AppData\Roaming\npm\node_modules\protractor\lib\runner.js:308:31) at process.<anonymous> (C:\Users\****\AppData\Roaming\npm\node_modules\protractor\lib\runFromLauncher.js:32:14) at process.EventEmitter.emit (events.js:98:17) at handleMessage (child_process.js:318:10) at Pipe.channel.onread (child_process.js:345:11) [launcher] Runner Process […]

我应该使用Angular UI Bootstrap还是纯Bootstrap 3？: 在编写的时候Angular UI Bootstrap基于Twitter Bootstrap 2，而最新版本是Bootstrap 3.如果我要在Angular.js中编写应用程序，我应该使用什么UI框架？ Angular UI还是只是普通的Bootstrap？那里有什么优点和缺点？无论是长期还是短期。

angular度组件：没有模板replace选项？: 看起来在新的AngularJS 1.5组件概念中没有“replace”选项（就像是指令一样）。如果我想要表行 <TR>元素作为组件，你会build议什么？在有效的HTML方面是不可能的？真实的例子：mailBox组件里面有邮件组件。通过标记邮箱组件是表，邮箱是tr。 <mail-box> <mail ng-repeat="mail in $ctrl.mails" mail="mail"></mail> <mail-box> UPD ：关于指令的相关讨论 – 为什么在AngularJS中不推荐使用replace？

在设置模型值时，Angular会将奇怪的选项添加到select元素中: 我有一个select元素定义如下： <select name="country_id" id="country_id" required="required" ng-model="newAddressForm.country_id"> <option value="">Select Country</option> <option ng-repeat="country in countries" value="{{country.id}}">{{country.name}}</option> </select> 所有工作正常，当我没有在包含这个select元素的指令中设置任何types的值。但是当我做一些像newAddressForm.country_id = 98 ，而不是select值98的选项，Angular注入一个新的select元素的顶部，如下所示： <option value="? string:98 ?"></option> 是什么赋予了？这是什么格式，为什么会发生这种情况？请注意，如果我在指令中做了一个console.log(newAddressForm.country_id) ，我得到了一个正常的"98" ，这在生成的HTML中很奇怪。编辑：情况更新。切换到使用ng-select ，但问题依然存在。奇怪的元素不再出现，但是，现在还有另一个元素在顶部，只有一个问号? 作为价值，并没有标签。就是从我所搜集的Angular的"none selected"选项。但我仍然不明白为什么它不会select我告诉它select的选项。 newAddressForm.country_id = 98仍然没有结果。这是为什么？

使用AngularJS的ASP.NET MVCvalidation表单: 我在MVC 4和AngularJS（+ twitter引导）项目。我通常在我的MVC项目中使用“jQuery.Validate”，“DataAnnotations”和“Razor”。然后我在我的web.config中启用这些键来validation客户机上模型的属性： <add key="ClientValidationEnabled" value="true" /> <add key="UnobtrusiveJavaScriptEnabled" value="true" /> 例如，如果我在我的模型中有这个： [Required] [Display(Name = "Your name")] public string Name { get; set; } 有了这个Cshtml： @Html.LabelFor(model => model.Name) @Html.TextBoxFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name) html结果会： <label for="Name">Your name</label> <input data-val="true" data-val-required="The field Your name is required." id="Name" name="Name" type="text" value="" /> <span class="field-validation-valid" […]

无法读取未定义的属性“协议”: 在尝试从API获取数据时在控制台中获取该错误。有人有这个问题吗？ var url = "https://api.website.com/get/?type=events&lat=" + localStorage.getItem('latitude') + "&lng=" + localStorage.getItem('longitude') + "&distance=50"; $http({ headers: { 'Content-type': 'application/json' } }) $http.get(url).success(function (events) { $scope.events = events; }); 错误： TypeError: Cannot read property 'protocol' of undefined at Gb (http://localhost:38772/www/js/plugins/angular.min.js:114:238) at s (http://localhost:38772/www/js/plugins/angular.min.js:65:249) at new EventsController (http://localhost:38772/www/js/angular.js:4:5) at d (http://localhost:38772/www/js/plugins/angular.min.js:30:452) at Object.instantiate (http://localhost:38772/www/js/plugins/angular.min.js:31:80) at http://localhost:38772/www/js/plugins/angular.min.js:61:486 at […]

SyntaxError：预期expression式，得到'<': 我得到了SyntaxError: expected expression, got '<'当我执行下面的节点代码时，在控制台中SyntaxError: expected expression, got '<'错误 var express = require('express'); var app = express(); app.all('*', function (req, res) { res.sendFile(__dirname+'/index.html') /* <= Where my ng-view is located */ }) var server = app.listen(3000, function () { var host = server.address().address var port = server.address().port }) 错误：我正在使用Angular Js，它的文件夹结构像波纹pipe 我在这里错过了什么？

ngIf和ngSwitch AngularJS: ngIf和ngSwitch什么实际区别？这两个指令都操纵DOM，但ngSwitch更加冗长。 ngIf是典型的情况下，除非你需要什么大的东西，在这种情况下使用ngSwitch ？ ngSwitch和ngIf是不是直接replace的情况？或者是他们唯一的实际区别的语法？

AngularJS中的$ scope是什么？: 我是AngularJS的新手，我不明白AngularJS中的$scope是什么。有人可以请尽可能简单地解释$scope在AngularJS中做什么，我们可以用它来做什么。请用一种完全不懂编程的人来解释。也可以有人以最简单的方式逐行解释代码吗？ function MyController($scope) { $scope.username = 'World'; $scope.sayHello = function() { $scope.greeting = 'Hello ' + $scope.username + '!'; }; };