1回答
我有一个javascript项目，我正试图将其转换为角，并且我很难理解为什么我的一些类会在再次阅读文档之后使菜单消失。我想要的菜单，我必须旋转进入和X只有当. menu -btn被点击。
下面是我要转换的javascript代码：
// Select DOM Items
const menuBtn = document.querySelector(".menu-btn");
const menu = document.querySelector(".menu");
const menuNav = document.querySelector(".men
浏览 1提问于2021-07-24得票数 1
回答已采纳
1回答
目前，我得到了以下HTML：
<div ng-controller="WaitForViewCtrl">
<div ng-if="show">
...
</div>
</div>
WaitForViewCtrl控制器监视$scope.currentUser并侦听$routeChangeSuccess事件，并根据这两组的状态将$scope.show变量设置为true/false。这是它的代码。
我想把它转换成一个指令，这样它看起来就像：
<div wait-for-view>
...
浏览 1提问于2013-12-03得票数 0
回答已采纳
我对我的指示有意见。如果我从弹出控制器调用行$scope.popup.show = false，它可以正常工作。如果我从子$scope.hideModal()调用contentDirective，代码将被调用(在调试中签入)，但是$scope.popup.show值不会改变(在调试中值为"false")，弹出窗口不会隐藏:/。
你知不知道？)
index.html：
<popup title="sometitle">
<contentDirective> </contentDirective>
</popup>
浏览 1提问于2014-10-16得票数 0
回答已采纳
我正在编写表单输入指令。
<form name="form">
<ng-form-field label="Email validation NOT working"></ng-form-field>
<label for="test_email">Test Email with working validation</label>
<input type="email" name="test_email"
ng-model="formDa
浏览 2提问于2013-02-14得票数 3
1回答
我有一个指令，它计算我的停留时间，如果少于12个月，则以月为单位给出答案；如果超过12个月，则以年为单位给出答案。例如：
<p calculate-duration></p>
可以返回：
5months
或
9months
或
3years
当结果值大于2年时，我如何在上面的指令上执行一个条件(ng-show)？包含“我要显示的文本”的DIV是可见的。
我试过了：
<div ng-show="calculate-duration > 2years">My text to show</div>
浏览 0提问于2014-06-18得票数 0
3回答
我有一个指令，它有一个div，它的可见性由它的父级设置。期望"show“为true，但div最初在页面加载时仍然不可见。
Directive:
<div ng-show="{{ show }}">
...
</div>
angular.module('myModule').directive('myDiv', [
function () {
return {
scope: {
show: '='
},
浏览 0提问于2017-02-01得票数 0
1回答
我使用bPopup插件在弹出对话框中使用简单的验证码。
HTML：
<span id="popup-button-email">Click Here!</span>
<div id="popup-second"> <a class="b-close">x<a/>
<simple-captcha valid="captchaValid"></simple-captcha>
</div>
JS：
app.directiv
浏览 0提问于2017-08-06得票数 2
1回答
这两个指令都位于同一个模块中。第一项指令：
.directive('welcomeAndLog', function() {
return {
restrict: 'A',
template: "<div ng-show=\"currentUser.get('username')\">Welcome {{welcome}} <span ng-click=\"logOut(user)\">Logout</span&
浏览 5提问于2014-05-29得票数 0
回答已采纳
我使用angular已经有几个月了，自从我深入到指令中来，才过了一周左右。今天，当我试图构建一个复选框字段依赖于另一个复选框字段的设置页面时，我遇到了这个小问题(如中所示-只有在选中另一个复选框字段时才会显示)。
我发现可以使用ng禁用，但我认为如果另一个字段没有被检查，我宁愿隐藏整个字段，+我认为我可以在原始html上使用ng-show来做这件事，但我对指令如此着迷，以至于我想从内部了解它是如何完成的。
所以，下面是HTML：
<form>
<input type="checkbox" data-ng-model="mdl.show" /
浏览 0提问于2013-08-23得票数 0
1回答
将调用哪个函数？
cscope：
[1] include/linux/sched.h
Cscope tag: show_regs
1 108 /data/linux-3.4.7/arch/x86/kernel/process.c <<show_regs>>
void show_regs(struct pt_regs *regs)
2 14 /data/linux-3.4.7/arch/x86/um/sysrq_32.c <<show_regs>>
void show_regs(struct
浏览 0提问于2013-04-12得票数 0
我的新指令遇到了一个问题。当单击ng-click时，变量不会被实现。我在这里找到了一些答案，但它们都调用了一个方法。我只是在改变两个变量的值，当有点击的时候。
指令：
pmcApp.directive('sorting', function() {
return {
restrict : 'AECM',
templateUrl : 'partials/directives/sorting.html',
replace : true,
scope : {
浏览 3提问于2018-03-29得票数 1
在angular.js中，指令控制器可以访问加载它的页面控制器中的数据吗？
/**
* Profile directive
*/
.directive('profile', function () {
return {
restrict: 'E',
replace: true,
templateUrl: '/partials/users/_profile.html',
scope: {
use
浏览 1提问于2014-06-20得票数 2
尝试第一次使用进行定制指令，以实现浮动标签功能，如下面所示：，但它不起作用。
这是我的指令代码：
.directive('floatingLabel', function () {
return {
restrict: 'A',
scope: {
label: '@',
value: '='
},
transclude: true,
浏览 3提问于2016-05-15得票数 0
回答已采纳
1回答
下面是我的自定义控件代码的问题。我已经创建了两个自定义控件
<pv-Show-Box></pv-Show-Box>
<pv-Hello>Praveen</pv-Hello>
both are working fine but <pv-show-Box> is not working when it is in reverse order
like
<pv-Hello>Praveen</pv-Hello>
<pv-Show-Box></pv-Show-Box>
mumodule.dir
浏览 2提问于2013-07-01得票数 0
回答已采纳
3回答
我目前在显示导航栏时使用@auth('brand')，如果不是auth，则隐藏导航栏并显示登录按钮。到目前为止，这就是我所拥有的：
@auth('brand')
//show navigations
@endauth
if not auth
Button Login
end not auth
尝试过
if(!@auth('brand'))
//show navigations
@endif
//but this is not working, it's showing the nav bar and the log in butt
浏览 1提问于2019-03-05得票数 1
回答已采纳
我有一个指令，我这样使用：
<dir model="data"></dir>
该指令有一个独立的作用域。
scope :{
model:'='
}
现在，我尝试使用页面$scope的另一个属性对该指令使用ng-show，如下所示：
<dir ng-show="show" model="data"></dir>
但是它不起作用，因为该指令试图在其自己的作用域中查找show属性。
我不想让指令知道它的容器可能选择隐藏它的事实。
我发现的解决办法是将指令包装在<div>中，
浏览 0提问于2013-05-25得票数 23
回答已采纳
我想为这段代码创建一个指令。我想将当前为xxxxx的文本作为元素内部的一个参数传递。不太清楚该怎么做。
<div class="gridFooter" ng-show="home.dataRetrieved">
<span ng-show="(home.grid.data).length">{{ (home.grid.data).length + " rows retrieved - " + home.grid.view.length + " displayed"
浏览 1提问于2014-08-22得票数 0
回答已采纳
我有一个密码输入字段和一个带有输入字段的按钮
现在，如果输入字段的类型是passwordi.e type="password"，那么单击该按钮就会变成text i.e type="text"。
如果我再次单击相同的按钮，它将更改type="password"
意味着它应该切换输入元素类型的value。
我用控制器做了这件事，它和控制器一起工作很好。下面是使用控制器的工作代码
但是，如果我想使用指令，那么如何使用指令来处理这个切换条件，而不是控制器。
目的-我想在多个输入元素上使用此功能。
<div class="input-gro
浏览 8提问于2017-04-14得票数 1
回答已采纳
我有一个简单的指令，用于在单击时添加类，并在再次单击时将其从元素中删除。但是，我想将其重构为在通用菜单中更常见的用途。相反，如果单击的<li>元素不是当前活动元素，则应将其从当前元素中移除，并将其放在新元素上。基本上，我想向当前处于活动状态的<li>元素添加一个“活动”类。
在我的菜单中，我有：
<ul>
<li><a swapit ng-click="lol(stillgot)" class="select-show">Still Got Game</a></li>
浏览 1提问于2014-05-28得票数 5
回答已采纳
3回答
我有一个控件，它应该显示面包屑导航。它需要数据(路线和标题)才能正确显示导航。数据是从作用域中获取的，并在指令中使用。
导致我的问题的原因是我在控件中使用了本地化指令，该指令应该翻译标题。即使当ng-show中的表达式计算为false时，也会调用此本地化指令。则本地化指令中的翻译以异常结束，因为它尝试翻译不正确的字符串(请参阅中的'localize‘指令)。
这看起来很奇怪。我希望如果某件事设置了内部内容是可见的还是隐藏的，那么将首先评估它，然后评估内部内容。
好的，然后我发现ng-show只设置了一些css属性，所以它对我来说非常无用。
问题是:我应该如何解决这个问题--用什么代替n
浏览 0提问于2012-12-12得票数 1
回答已采纳
在我的Angularjs项目中，我遇到了指令嵌套和变量传递的问题。
我做了一个指令头：
.directive('header', [function() {
return {
restrict: 'E',
scope: {},
templateUrl: 'header.tpl.html',
link: function(scope, elem, attrs) {
scope.showDescriptions = false;
s
浏览 2提问于2014-01-31得票数 4
我正在尝试创建一个angular组件，一个时间选择器，使用普通的javascript模型，我希望组件的控制器公开一个api并使用ngModel。我是angular的新手，不知道如何使用ngModel。我在模板中有两个输入，分别是小时和分钟。我的问题是我不知道如何将ngmodel参数传递给控制器。
我准备了一个柱塞：
(function() {
var app = angular.module('plunker', []);
function DemoController() {
this.tpVal = {
hours: 10,
m
浏览 0提问于2015-11-22得票数 1
1回答
我有一个屏幕，其中有一个加载微调器在启动。在这个屏幕上，我有一个将属性传递给指令的控制器。该指令有一个基于此属性的ng-show。
将上述属性设置为true后，我希望指令显示内容，并希望控制器隐藏加载微调器。
实际情况是，微调器在指令呈现ng-show之前就被隐藏了。这会导致闪烁。我希望指令在我隐藏微调器的时候已经完全加载。
这是在控制器中：
showSpinner();
$scope.showContent = true;
hideSpinner();
这是指令初始化器：
<div content-directive show-content="showContent "
浏览 3提问于2018-04-23得票数 0
我想我对如何正确构建自定义指令感到困惑--即何时在指令中使用控制器。如果他们使用一个独立的作用域，并且拥有从他们的父控制器传递给他们的属性，这是很好的。
但是，正如我认为指令应该被视为可重用组件一样，有自己的控制器来设置助手方法、作用域变量等是有意义的，就像在常规控制器中一样。例如，我有一个自定义指令，在它的模板中我使用ng-show。该条件使用我在指令的控制器中编写的方法检查范围属性。
<div>
<div ng-show="isLong()"></div>
</div>
在指令中，我在控制器中设置了isLong：
an
浏览 3提问于2014-06-19得票数 0
1回答
我想在每次单击输入元素时切换div的可见性。我有以下HTML：
<input type="text" ng-click="show = !show"/>
<div ng-show="show">Im visible</div>
在mobile Safari (iPad)中，当显示div时，输入失去焦点。因此，无法在输入中输入文本。有时键盘弹出到一半，但又向下弹出。
我尝试再次聚焦输入，每次div变为可见时都调用一个焦点函数。指令代码(简化版)如下：
app.directive('myDir
浏览 0提问于2015-08-25得票数 0
我有三个这样的输入：
<div class="form-group">
<label for="username">Username</label>
<input type="text"
ng-model="formModel.username"
class="form-control"
id="username"
浏览 0提问于2017-03-22得票数 1
回答已采纳
1回答
我有一个AngularJS指令，它需要一个隔离作用域以及对$parent作用域的访问权。父作用域包含在ajax调用完成后更改的数据。
在我的指令的链接函数中，我有：
scope.loading = scope.$parent.contractData.People.loading;
但是，当父对象的contractData值更改时，scope.loading不会更新。我甚至尝试过使用scope.$watch，但它也不会收到更改通知。
在我的指令模板中，我使用了ng-show。以下模板按预期工作：
<span ng-show="$parent.contractData.People
浏览 2提问于2013-06-09得票数 3
回答已采纳
1回答
在隐藏元素之前呈现Vue元素
、、、、
我有一个非常简单的网站，我正在使用最基本的Vue。
当我加载站点时，它会呈现不应该显示的div，然后再隐藏它们。它使网站看起来非常不专业。
如果您想体验闪存div：的荣耀，请看下面的站点
环顾网络，我试着使用v-show，v-if，甚至v-cloak. --它们都不起作用。
下面是我使用v-show和v-cloak的一个例子
<div class="row v-cloak" v-show="display_schema">
...
</div>
v-cloak的定义
[v-cloak] { display:none; }
Vue定义：
浏览 6提问于2020-12-29得票数 1
回答已采纳
1回答
我正在尝试使用AngularJS显示一些警报，请参阅 - alert部分。我想修改该示例，使其仅显示" show“属性设置为true的警报：
$scope.alerts = [
{ type: 'error', msg: 'Oh snap! Change a few things up and try submitting again.', show: true },
{ type: 'success', msg: 'Well done! You successfully read this importan
浏览 0提问于2013-10-16得票数 1
回答已采纳
我正在构建一个混合应用程序，使用Ionic 3和角，我被困在这个：
我有一个表单，我只希望它出现取决于控制器中的条件。
控制器：
export class ClassName implements OnInit{
private show: boolean = false;
ngOnInit(){
if(someCondition){
this.show = true;
}
}
}
视图：
<ion-content>
<button ion-button small block full color="danger"
浏览 0提问于2018-05-15得票数 0
回答已采纳
1回答
我正在构建一个可搜索/可选择的组合框，并希望在失去焦点时关闭控件。使用tabindex和ng模糊，这是有效的，除非有一个子控件，可以接收焦点(搜索输入)。
是否有一种方法可以检查顶部的div#combo是否有任何具有焦点的子控件？
简化代码：
<div name="combo" ng-click="show=!show" ng-show="show" ng-blur="show=false" tabindex="1">
<input type="text" name=
浏览 0提问于2018-06-15得票数 0
我已经创建了一个简单的“模式对话”指令，它使用transclude。我想在"modal“指令中放置一个form ()。我希望放在指令中的表单的formController在父控制器的作用域中是可以访问的，但它不是。
完整代码：
<!DOCTYPE html>
<html>
<head>
<title>AngJS test</title>
<link rel="stylesheet" type="text/css" href="//cdn.js
浏览 2提问于2013-04-11得票数 20
回答已采纳
这是我正在使用的代码。我尝试在4秒后显示此标记下的html内容
Utils.directive('ieUtilsError', function() {
var directive = {};
directive.link = function(scope, element, attrs) {
element.attr("style","display:none")
function show() {
element.attr("style","display:inline"
浏览 2提问于2016-08-16得票数 0
2回答
在C#中，如果预处理指令是在实际编译之前预处理的指令，那么为什么这个程序没有首先执行它呢？
static void Main(string[] args)
{
Program1.display();
Program2 p2 = new Program2();
p2.show();
#if DEBUG
Console.WriteLine("DEBUG from preprocessor directive is working!");
#endif
}
预期产出：
DEBUG
浏览 1提问于2016-10-20得票数 1
回答已采纳
我有一个锚标记，我希望根据模型中的值隐藏或显示它。
<table>
<tr ng-repeat="item in items">
<td>Other Stuff</td>
<td>
<a href="#/somewhere" ng-show="model.showIt" myCustomDir="some value" onClick="bar(item)" />
浏览 1提问于2013-09-13得票数 0
1回答
我正在尝试阿尔卑斯山JS，来自jQuery。我怎样才能在阿尔卑斯山jS中做到这一点？
$('a').on('click', function(e) {
$('div').not('.' + $(this).data('class')).hide('slow');
$('.' + $(this).data('class')).slideToggle();
});
a {
display: block;
}
div {
display: none;
}
浏览 1提问于2021-03-08得票数 5
1回答
我有一个自定义指令，我希望在页面上的多个元素上有这个指令。我在隔离作用域和显示基于子范围的元素时遇到了困难。下面是我要做的事情的一个例子：
app.js：
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
})
.directive('comShowLabelOnFocus', function() {
return {
restrict:
浏览 3提问于2015-04-15得票数 3
回答已采纳
我在app.js中创建了这样的菜单指令。
.directive('menuShow', function () {
return {
restrict: 'EA',
templateUrl: 'shared/menu.html',
}
});
指令在索引页中用作：
<menu-show ></menu-show>
现在，我想编写将在menu.html指令中使用的功能代码。
如何为menu.html编写控制器。
浏览 2提问于2017-02-05得票数 0
回答已采纳
2回答
我想为htaccess中的以下URL创建URL重写规则。
http://example.com/vedios/category/fun/ -> http://example.com/vedios/category.php?cat=fun
http://example.com/vedios/category/fun/?show=popular -> http://example.com/vedios/category.php?cat=comedy&show=popular
http://example.com/vedios/category/fun/?show=popul
浏览 1提问于2009-07-06得票数 0
回答已采纳
我有以下几个项目：
<span ng-click="ui.toggleShow('company')" class="dropdown-trigger">
<i class="icon-building"></i>
</span>
<span ng-click="ui.toggleShow('notifications')" class="dropdown-trigger">
<i class="
浏览 6提问于2013-09-19得票数 1
我正在打开一个对话框点击按钮。我想在其中添加无限滚动。
问题：
当用户在对话框的末尾滚动时，我想调用写在控制器中的addMoreData()。
对话框的HTML：
<modal-dialog show='modalShown' width='60%' height='325px' >
<div id='diaogContainer'>
<p>Modal Content Goes here<p>
</div>
</modal-dialog>
浏览 1提问于2015-02-26得票数 0
2回答
我构建了一个指令，将$rootScope.showContent值更改为true或false。
然后我使用ng- Show ="showContent“来隐藏或显示元素。
这种方法工作得很好，但我希望避免使用$rootScope，也避免使用scope.apply()函数。你能给我一个更好的方法吗？
下面您将找到一些代码：
<body ng-app="myApp">
<div ng-controller="AppCtr">
<hide-amounts ></hide-amounts>
浏览 3提问于2014-06-30得票数 0
回答已采纳
1回答
我试图解决一个谜，为什么没有像我所期望的那样设置一个输入传统控件的ng模型。当一个页面被加载时，所有的收音机都被正确地启动。单击不同的控件会更改radioVal变量-其值将在页面中呈现。
问题是，它看起来只发生在DOM中。当我调试代码时，$scope.radioVal总是相同的.modalDialog的隔离作用域不包含radioVal属性。
在哪个范围内创建无线电ng-model？它是一个不同的例子吗？
工作代码可以找到。
我的html代码是：
<div ng-app = "app">
<div ng-controller="mainCtrl&
浏览 2提问于2014-07-16得票数 3
回答已采纳
我在指令中有一个指令，并且需要使用子指令调用父方法。我在传递数据时遇到了一点麻烦，我想你们可能会有个主意。
下面是设置：
我的父指令名为screener-item。我的子指令名为option-item。在每个screener-item内部，可能有n个option-item，所以它们是动态添加的。(本质上，可以认为这是动态构建下拉菜单:用户给它一个标题，然后是一组可用的选项)
这是如何设置的：
screener-item.directive.js
angular.module('recruitingApp')
浏览 0提问于2016-11-18得票数 0
下面是我的自定义指令示例代码
myApp.directive('anchorLink', function () {
return {
restrict: 'EA',
link: function (scope, elem, attr) {
elem.on('click', function () {
scope.show = true;
});
}
};
});
这是我的html标记
<a hre
浏览 3提问于2014-07-03得票数 0
我正在从ng-repeat迭代器调用一个方法。但我没有得到在作用域中调用的方法。有人能帮我解决这个问题吗？
这是我的js：
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.levels = {'title':'Select a Level', item:["Low", "Medium", "Hight"], show:false };
浏览 3提问于2016-01-26得票数 0
回答已采纳
1回答
我对角ng-show指令有个问题。我有两个按钮，它们就像一个按钮一样工作。
index.html
<button class="btn btn-primary"
ng-show="!isShow"
ng-click="showDeleted()">
Show deleted items
</button>
<button class="btn btn-primary"
ng-show="isShow"
浏览 4提问于2015-12-11得票数 1
1回答
阵列的角方向
、、
我在角质上挣扎。我不能为我想要的东西定义“最佳实践”。
我需要显示一个或多个数组。我将HTML定义为：
<form ng-show="searchtab">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-search"></i></div>
浏览 3提问于2015-06-23得票数 1
回答已采纳
在我的项目中使用部分页面更多。我无法将自动焦点设置在文本框控件上，而它在正常页面中工作。
这是我的部分页面视图：
<body ng-app="app" ng-controller="myCtrl">
<section>
<input type="text" focus-me/>
<input type="text" />
<a ng-click="show()"
浏览 2提问于2014-09-12得票数 4
回答已采纳
3回答
当我用input包围我的ng-if时，在隐藏和显示之后，autofocus属性不会生效：
以下是代码：
<!DOCTYPE html>
<html ng-app>
<head>
<script data-require="angularjs@1.5.0" data-semver="1.5.0" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0/angular.js"></script>
&l
浏览 10提问于2016-03-28得票数 13
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
