Tag: angularjs

在AngularJS中处理DOM操作: 当我使用jQuery执行DOM操作（添加新的HTML）时，AngularJS不会自动检测新HTML中的variables并将其replace为它们的值。例如： $scope.showSummary = function($event){ $($event.currentTarget).html("<div>{{row}}</div>"); }; 这是一个简单的例子，但是在改变元素中的HTML之后（这个函数被ng-click调用），输出仍然是{{row}}而不是上下文/范围中的行应该是什么意思。

AngularJS – 属性指令input值的变化: 我有一个AngularJS的属性指令，我想随时采取行动，其父input的价值改变。现在我正在使用jQuery： angular.module("myDirective", []) .directive("myDirective", function() { return { restrict: "A", scope: { myDirective: "=myDirective" }, link: function(scope, element, attrs) { element.keypress(function() { // do stuff }); } }; }); 有没有办法做到这一点，没有jQuery？我发现keyPress事件并没有完全按照我想要的方式进行，虽然我确信我会提出一个解决scheme，但是当我在Angular项目中使用jQuery时，我有点紧张。那么angular度怎么做呢？

UI路由器的条件ui意见？: 我无法弄清楚一个合理的方式来解决这个相当微不足道的问题。我希望访客在访问网站索引和login用户时查看他们的个人资料，每个页面都有自己的模板和控制器。理想情况下，一个url将有两个状态，不知何故，我将能够根据login状态自动更改活动的状态。这两个视图都有自己的嵌套视图，所以ng-include不能被使用（我假设）。我对angular度和UI路由器相当陌生，认为我可能忽略了一个简单的解决scheme。可以用命名的视图和ng-show来完成吗？

如果嵌套的ng-repeat不是空的，我怎样才能显示一个元素？: 我有一个列表，用嵌套的ng重复创build。每个外部ng-repeat都包含一个带有内部列表标签的div（例如：“Group A”）。我现在试图创build一个方法来避免显示这个标签，如果内部列表是空的，由于筛选（由inputsearch文本应用）这里是一个解释我的问题和我的尝试解决scheme的笨蛋： Plnkr 像isGroupEmpty这样的“重”函数看起来非常麻烦 – 有没有办法以更简单的方式做到这一点？我在玩ng-repeat内部的标签，并且使用ng-show="$first"的想法，但它看起来并不棒

Angular JS：在提交之前validation表单域: 我正在构build一个两步forms的Angular JS应用程序。这实际上只是一种forms，但是使用JavaScript来隐藏第一个面板，并在用户点击“下一个”button时显示第二个面板，并转到第2步。我已经在第1步的某些字段上设置了“必需”validation，但显然，当用户点击“下一个”button时，他们不会被validation。当在步骤2结束时单击“提交”button时，他们将得到validation。有没有什么办法可以告诉棱angular来validation单击“下一步”button时窗体中的字段？

将parameter passing给Angular ng-include: 我正试图显示一个元素的二叉树，我通过ng-includerecursion地进行。 ng-init="item = item.left"和ng-repeat="item in item.left"什么ng-repeat="item in item.left" ？在这个例子中，它的行为完全一样，但是我在项目中使用了类似的代码，并且在那里的行为有所不同。我想这是因为angular度范围。也许我不应该用ng-if，请解释一下如何做得更好。 pane.html是： <div ng-if="!isArray(item.left)"> <div ng-repeat="item in [item.left]" ng-include="'Views/pane.html'"> </div> </div> <div ng-if="isArray(item.left)"> {{item.left[0]}} </div> <div ng-if="!isArray(item.right)"> <div ng-repeat="item in [item.right]" ng-include="'Views/pane.html'"> </div> </div> <div ng-if="isArray(item.right)"> {{item.right[0]}} </div> <div ng-if="!isArray(item.left)"> <div ng-init = "item = item.left" ng-include="'Views/pane.html'"> </div> </div> <div ng-if="isArray(item.left)"> {{item.left[0]}} </div> <div […]

closures事件后的angular度用户界面模式: 有一种方法可以在模态窗口被调用后调用函数（不pipe它是否发生在button上或点击背景） var dialog, options; options = { windowClass: "lightBox" templateUrl: "url to the template", controller: "some random controller", scope: $scope }); $("body").css({ 'overflow': 'hidden' }); dialog = $modal.open(options); dialog.result.then(function() { $("body").css({ 'overflow': 'auto' }); }); 我希望每次模态窗口都closures结果中的函数，然后执行。现在只需执行手动closures模态我的$ modalInstance.close（）。但是，如果我点击背景此方法不会被调用任何想法如何我可以做到这一点？

AngularJS – 在没有jQuery的指令中添加HTML元素: 我有一个AngularJS指令，我想添加一个svg标签到指令的当前元素。现在我在jQuery的帮助下做到这一点 link: function (scope, iElement, iAttrs) { var svgTag = $('<svg width="600" height="100" class="svg"></svg>'); $(svgTag).appendTo(iElement[0]); … } 然而，我不希望这个指令依靠jQuery完成这个简单的任务。我将如何完成AngularJS的手段（或原生JavaScript代码）。

ng-submit和ng-click之间的区别: 在angularjs中，我想知道ng-submit和ng-click之间的区别是什么？具体来说，每个人的利弊，你应该什么时候该做什么？谢谢！ **编辑** 我已经看了这个多一点，但我仍然想知道什么（如果有的话）的好处是使用ng-submit？你可以使用ng-click代替所有ng-submits吗？这会造成什么问题吗？再次感谢！

ui-bootstrap分页重置初始化当前页面: 我正在使用ui-bootstrap（angular-bootstrap）库中的分页指令。初始化时遇到问题。我通过url导航到特定页面时，出现了我的问题。发生了什么事情是我的控制器使用$ stateParams中的正确页面进行初始化，然后分页指令初始化并触发将页面重置为1的ng-change函数。现在，在select页面不再使用了一种只捕获用户点击更改页面的方法？理想情况下，我希望指令在控制器之前进行初始化，这样我的页面就不会被重置。先谢谢你。如果需要，我可以包含代码，但是我觉得我的问题不一定需要代码块。