草庐IT

angularjs-ng-class

全部标签

javascript - AngularJS - 如何向服务器上的 Controller 提交表单?

AngularJSsite上的食谱表单示例只在客户端保存状态。如何提交到服务器?或者,如何在ng:click="save()"函数中的表单上使用jQuery的form.submit()?编辑-找到了2种方法来做到这一点(我还删除了我之前粘贴的HTML标记-只需引用高级表单cookbook示例的源代码)http://webpac2.rot13.org:3000/conference/Work(由DobricaPavlinusic编写)以AngularJS的方式使用资源将数据以JSON格式发送到服务器。我在服务器端遇到了问题-AngularJS发送它很好,但grails正在处理它(根据Fi

javascript - AngularJS动态页面标题保持先加载大括号

{{$root.pageName}}-DomainName我正在尝试动态更改页面标题,当页面加载标题预加载时{{$root.pageName}}-DomainName而不是-DomainName然后在呈现时加载$rootScope.pageName。有没有办法隐藏{{$root.pageName}}在页面加载时显示,直到应用程序获取变量? 最佳答案 你可以这样做:Yoursite请注意,在这种情况下,标题位于$rootScope上。编辑:刚刚测试过,看起来破折号一直在显示,但这应该可以阻止它:Yoursite

javascript - 如何获取触发 ng-change 的 DOM 元素?

我正在使用angularJS。我有几个我页面上的元素,每个元素都有自己的ng-change,例如:我希望能够确定从updateUserData中更新了哪个DOM元素函数,无需手动将其指定为每个ng-change的参数属性。有没有event,或caller或我可以在updateUserData的上下文中使用的类似内容?希望像ng-change="updateUserData(caller)"这样的东西 最佳答案 没有(简单的)方法可以通过设计来做到这一点。AngularController应该与DOM完全分离,因此如果您发现自己需要在

javascript - AngularJS 如何在 2 个或更多 Controller 中解析对 $scope 变量的调用?

Here,作者提到the$scopeobjectusedbythetwocontrollersarenotthesame$scopeobject同样的片段:现在考虑对上面的代码做一点修改。{{data.theVar}}{{data.common}}{{data.theVar}}{{data.common}}{{temp}}{{newTemp}}varmodule=angular.module("myapp",[]);varmyController1=module.controller("myController1",function($scope){$scope.data={theVa

javascript - 更改 View 时如何从 AngularJS 调用 JQuery 函数

我是AngularJS的新手,在执行jQuerycustomcontentscroller时我遇到了一个问题进入我的应用程序。我需要更新滚动条,当我用Angular更新内容时,滚动条有一个update方法。我的问题是,我不知道在哪里调用它。内容的标记如下:...我试图在Angular的$http.post的成功分支中调用更新方法:$scope.relatedItems=$http.post($scope.url,{'filterType':'related','film':id}).success(function(){$(".nice-scrollbars").mCustomScro

javascript - AngularJS 变量之间的绑定(bind)

我有一个从我的服务中检索到的用户列表。当我选择任何用户时,我可以查看和编辑信息(电子邮件、Angular色等)。问题是我不希望这些更改影响列表中用户的数据,我只想在保存后更新数据(单击按钮)。现在我使用两个变量:$scope.selected-当前选择的用户$scope.editable-用于存储我正在编辑的数据的变量我这样交换数据:$scope.initEditable=function(){$scope.editable={};$.extend($scope.editable,$scope.selected);}看起来是个糟糕的解决方案。正确的做法是什么?

javascript - 使用 controllerAs 的指令中的 angularjs Controller 无法工作?

我正在尝试将一些数据放入我的指令创建的范围内。这是我的jsFiddle.下面的代码运行良好.directive('directive1',function(){return:{scope:true,controller:function($scope){$scope.name='world';}}}){{name}}但是这些代码不起作用.directive('directive2',function(){return:{scope:true,controller:function(){this.name='world';},controllerAs:'testCtrl'}}){{tes

javascript - 在 AngularJs 中注销时清除服务中数据的最佳实践

我有几个使用网络服务并缓存大量结果的服务。缓存是指存储在服务的变量中。当用户注销时,数据应该被清除。服务如下所示(简化版):classDataService{privatedata;constructor($http){$http.get(url).then((response)=>{this.data=response.data;});}这是typescript,但解析为这样的东西:varDataService=(function(){functionDataService($http){var_this=this;$http.get(url).then(function(respo

javascript - 如何将多个值传递给 Angularjs 指令?

我正在通过指令创建一段可重用的html。html会有一些我想从原始范围传递的变量。这很容易通过在指令上声明属性,然后创建一个隔离范围并捕获它们来轻松完成。问题是,对于更多变量,是否有更好的方法来做到这一点?我曾想过传入一个像{firstAttr:$scope.one,secondAttr:$scope.two...}这样的对象,然后把这个对象分开来得到每一部分。这第一次有效,但双向数据绑定(bind)不起作用(即使使用“=”)。问题是绑定(bind)的是对象,而不是对象的每个单独部分。我可以使用指令中的编译函数将每个属性添加到元素或其他东西吗?所以:将被翻译成:这样我的数据绑定(bin

javascript - 如何从 ng-click 操作中排除元素

我在容器内有一个带有ng-click的元素,它不应该执行这个点击操作。它的结构类似于:Somecontentbuttoncontent如何防止点击按钮时执行takeSomeAction()? 最佳答案 您需要停止事件传播,这可以通过另一个ng-click轻松完成。Somecontentbuttoncontent它会在跟踪href时阻止例程执行。 关于javascript-如何从ng-click操作中排除元素,我们在StackOverflow上找到一个类似的问题: