Tag: angularjs

ng-model和ng-bind有什么不同?

我目前正在学习AngularJS,并且很难理解ng-bind和ng-model之间的区别。 谁能告诉我他们有什么不同,什么时候应该使用另一个?

我可以使用隔离范围的ng模型吗?

我正在创build简单的ui-datetime指令。 它将javascript Date对象分成_date,_hours和_minutes部分。 _date使用jquery ui datepicker,_hours和_minutes – 数字input。 angular.module("ExperimentsModule", []) .directive("uiDatetime", function () { return { restrict: 'EA', replace: true, template: '<div class="ui-datetime">' + '<input type="text" ng-model="_date" class="date">' + '<input type="number" ng-model="_hours" min="0" max="23" class="hours">' + '<input type="number" ng-model="_minutes" min="0" max="59" class="minutes">' + '<br />Child datetime1: {{datetime1}}' + '</div>', require: 'ngModel', scope: true, link: function […]

AngularJS:ng-show / ng-hide

我试图用AngularJS提供的ng-show和ng-hide函数显示/隐藏一些HTML。 根据文件,这些function的相应用法如下: ngHide – {expression} – 如果expression式真的那么元素将分别显示或隐藏。 ngShow – {expression式} – 如果expression式为真,则分别显示或隐藏该元素。 这适用于下面的用例: <p ng-hide="true">I'm hidden</p> <p ng-show="true">I'm shown</p> 但是,如果我们使用一个对象的参数作为expression式,那么ng-hide和ng-show被赋予正确的true / false值,但是这些值不会被视为布尔值,所以总是返回false : 资源 <p ng-hide="{{foo.bar}}">I could be shown, or I could be hidden</p> <p ng-show="{{foo.bar}}">I could be shown, or I could be hidden</p> 结果 <p ng-hide="true">I should be hidden but I'm actually shown</p> <p […]

如何使用angular度检测浏览器后退button单击事件?

是否有可能通过在浏览器中使用历史loggingbutton来检测用户是否进入了页面? 最好我想用angular.js来检测这个动作。 我不想使用angular度路由。 它也应该工作,如果用户提交表单,并成功提交到服务器和redirect后,也应该是可能的,如果用户返回到表单使用浏览器的后退button。

如何在使用嵌套对象时在AngularJS中制作recursion模板?

我试图从一个JSON对象dynamic地构build一个表单,该对象包含表单元素的嵌套组: $scope.formData = [ {label:'First Name', type:'text', required:'true'}, {label:'Last Name', type:'text', required:'true'}, {label:'Coffee Preference', type:'dropdown', options: ["HiTest", "Dunkin", "Decaf"]}, {label: 'Address', type:'group', "Fields":[ {label:'Street1', type:'text', required:'true'}, {label:'Street2', type:'text', required:'true'}, {label:'State', type:'dropdown', options: ["California", "New York", "Florida"]} ]}, ]; 我一直在使用ng开关块,但嵌套的项目变得站不住脚了,就像上面的Address对象一样。 这是小提琴: http : //jsfiddle.net/hairgamiMaster/dZ4Rg/ 任何想法如何最好地处理这个嵌套问题? 非常感谢!

在input中对ng模型进行过滤

我有一个文本input,我不想让用户使用空格,input的东西都会变成小写。 我知道我不允许在ng-model上使用filter。 ng-model='tags | lowercase | no_spaces' 我看着创build我自己的指令,但添加函数到$parsers和$formatters没有更新input,只有其他ng-model元素。 我怎样才能改变我正在input的input? 我基本上试图创build“标签”function,就像在StackOverflow这里的工作。

在app.config中注入服务

我想在app.config中注入一个服务,以便在调用控制器之前可以检索数据。 我试过这样的: 服务: app.service('dbService', function() { return { getData: function($q, $http) { var defer = $q.defer(); $http.get('db.php/score/getData').success(function(data) { defer.resolve(data); }); return defer.promise; } }; }); configuration: app.config(function ($routeProvider, dbService) { $routeProvider .when('/', { templateUrl: "partials/editor.html", controller: "AppCtrl", resolve: { data: dbService.getData(), } }) }); 但是我得到这个错误: 错误:来自EditorApp的未知提供者:dbService 如何纠正设置并注入此服务?

AngularJS禁用开发机器上的部分caching

我在AngularJS中caching部分有问题。 在我的HTML页面中,我有: <body> <div ng-view></div> <body> 在哪里我的部分被加载。 当我更改HTML代码时,浏览器仍旧加载旧数据。 有没有解决办法?

有没有办法让AngularJS在开始时加载部分,而不是在需要的时候?

我有这样的路由设置: var myApp = angular.module('myApp', []). config(['$routeProvider', function ($routeProvider) { $routeProvider. when('/landing', { templateUrl: '/landing-partial', controller: landingController }). when('/:wkspId/query', { templateUrl: '/query-partial', controller: queryController }). otherwise({ redirectTo: '/landing' }); }]); 我希望能够使angularjs在开始时下载这两个部分,而不是在请求时下载。 可能吗?

定义指令时,“控制器”,“链接”和“编译”function之间的区别

有些地方似乎将控制器function用于指令逻辑,而其他地方则使用链接。 angular度主页上的选项卡示例将控制器用于一个,并链接另一个指令。 两者有什么区别?