【AngularJS改变元素显示状态】教程文章相关的互联网学习教程文章

php – 通过AngularJS中的JSON元素循环【代码】

我有以下ng-repeat代码:<li ng-repeat="vid in vids | filter:query | orderBy:orderProp">{{vid.title}} </li>我的问题是,如果我不知道密钥名称,我可以循环访问vid并打印出每个密钥和值吗? 那么我将如何在PHP中做到这一点:<?php foreach ($vids as $key => $val) {echo $key . "=" . $val; } ?>解决方法:我完全不确定问题,但它应该工作<!DOCTYPE html> <html ng-app="myApp" > <head><title></title><script src="http://ajax....

javascript – 如何访问AngularJS中的最近元素(没有jQuery)【代码】

如何在Angular中正确访问最接近的元素,如下面的jQuery代码,而不使用jQuery?link: function (scope, element, attrs) {function handler($event) {if(!($event.target).closest(element).length) {scope.$apply(function () {$parse(attrs.clickOutside)(scope);});}} }解决方法:我最后只是检查元素是否包含$event.target.这里的关键是你必须访问元素[0]而不仅仅是元素:link: function(scope, element, attrs) {function handler(...

javascript – Angular 2在渲染元素后调用jQuery – 在使用API​​之后【代码】

我的Angular2应用程序使用RESTful API,然后创建一堆< select>基于结果的元素.我试图在这些< select>上调用jQuery函数元素,但看起来jQuery函数执行得太迟了.我尝试将该函数放在ngAfterContentInit中,但这不起作用.把它放在ngAfterViewChecked中冻结了我的浏览器. 页面渲染后,如果我将jQuery函数粘贴到控制台中,一切正常,所以我知道我的函数和一切都是有用的.他们的订单可能搞砸了或其他什么. 在我的组件中:ngOnInit() {this.myServ...

javascript – 如何访问Angular表单元素的属性【代码】

假设我们有某种形式<form name="myForm" data-ng-controller="Ctrl"><input name="input" data-ng-model="userType" data-description="User Type" required> </form>在控制器中,我们可以通过代码访问该输入元素$scope.myForm.userType但是我们如何获得这个元素的data- *属性呢?解决方法:您可以使用:angular.element(selector).attr("data-description")像使用jQuery一样选择元素.

javascript – 使用ng-change Angular隐藏元素【代码】

我想用ng-change或你建议的任何方式显示/隐藏表单中的元素.这是我的HTML:<div ng-app ng-controller="Controller"><select ng-model="myDropDown" ng-change="changeState(0)"><option value="one">One</option><option value="two">Two</option></select><div class="row-container">first One<span class="sp-right"> <label>1</label></span><span class="sp-left"><input type="text"></span><div class="row-container...

javascript – Angularjs – 有没有办法以编程方式点击HTML元素?【代码】

我见过一个类似这样的javascript解决方案:var select = document.getElementById('selectId') select.click();是否有针对同一事物的AngularJS方法/最佳实践? (在我的脑海中,你可以用ng-click包装上面的代码)解决方法:就在这里.这是与JavaScript相同的角度等价物angular.element('#selectId').trigger('click');工作example

javascript – 在Greasemonkey中修改Angular JS中的DOM元素【代码】

我正在研究一个小的Greasemonkey脚本,以加速用angularJS编写的供应商工具中的某些进程. 我似乎面临的问题是,当脚本运行时,元素不在DOM中:$(document).ready(function() {var pwEl = $("input:password").val(chance.word({length: 8}); };失败,因为(document).ready()运行时输入字段似乎不存在.有一些资源似乎证实了这一点. 有没有办法在运行脚本之前等待Angular完成?我找到了使用的参考:angular.element(document).ready(funct...

javascript – Angularjs – 元素上的多个指令,其中一个是隔离范围

想知道是否有人可以解释当前的行为. 我有一个带隔离范围的指令,称之为dirA.然后我再给它一个指令,dirB.期望第二个指令获取isolate指令创建的每个范围. dirB获取控制器范围.为什么它不能获得dirA为该元素创建的相同隔离范围? 谢谢你的帮助.我真的没有任何代码,只是好奇.如果有人需要两个小指令和一些html来帮助想象我当然会.谢谢.解决方法:你观察到的是正确的,这种行为是设计的. 当指令请求隔离范围时,AngularJS专门为该指令创建范...

javascript – Angular:如何制作一个能够在点击时关闭UI引导下拉列表的元素【代码】

我正在使用Angular UI与bootstrap,我正在使用uib-dropdown.我已将自动关闭设置为外部点击,但我还想在下拉菜单中创建一个关闭它的按钮.我尝试将uib-dropdown-toggle添加到其中一个元素但是完全打破了下拉(它根本不会打开).如何创建关闭下拉菜单的元素?相关代码:<div class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="btn-append-to-to-body"><ul class="list-unstyled"><!-- This is the button I want to ...

javascript – Angular 2焦点和输入元素的模糊【代码】

我在Angular 2中编写了一个具有占位符值的输入字段. 在焦点上,输入字段应为空. 在模糊时,输入字段应返回占位符值. 但是,在模糊时没有任何反应.这是我的输入字段:<input type="text" placeholder={{placeholderText}}onfocus="this.placeholder = ''" (blur)="this.placeholder = placeholderText">如何在Angular 2中更改模糊的占位符文本?解决方法:有一些语法问题<input type="text" placeholder={{placeholderText}}(focus)="pl...

javascript – AngularJS:有元素跟随光标【代码】

jsfiddle在这里:https://jsfiddle.net/Flignats/jzrzo56u/3/ 我的页面上有一个最初隐藏的元素(popover).当页面上的另一个元素悬停时,我希望弹出框显示在光标旁边. 在我的小提琴中,我有3个段落和弹出窗口.当用户的光标输入段落时,将显示弹出框.当用户的光标离开元素时,不再显示弹出框. 我无法检索光标坐标并将光标位于光标附近. 任何帮助表示赞赏:) 角度代码:var app = angular.module('myApp', []);app.controller('Ctrl',['$sco...