angular属性指令可以替代父元素和子元素吗？
Angular属性指令可以替代父元素和子元素的部分功能，但不能完全替代它们。
Angular属性指令是一种指令，通过属性的形式应用于HTML元素上。它可以修改元素的行为、外观或添加一些特定的功能。属性指令可以在一个父元素上应用，也可以在一个子元素上应用。
当属性指令应用于父元素时，它可以修改父元素本身的行为或外观。它可以修改父元素的样式、绑定事件、处理输入等。然而，属性指令不能直接访问或修改父元素的子元素。
当属性指令应用于子元素时，它可以修改子元素本身的行为或外观。它可以修改子元素的样式、绑定事件、处理输入等。然而，属性指令不能直接访问或修改子元素的父元素。
所以，虽然属性指令可以在某种程度上替代父元素和子元素的部分功能，但它不能完全替代它们。在某些情况下，仍然需要父元素和子元素来完成特定的操作。
相关·内容
在哪里可以找到完整的Angular结构指令列表？我知道这些：
*ngFor
*ngIf
*ngSwitchCase
*ngSwitchDefault
*ngSwitch
*ngTemplateOutput
还有其他的吗？我想一定有一个完整的列表，但到目前为止，我还没有找到它。
浏览 5提问于2020-08-05得票数 0
2回答
在下面的代码片段中，我想问一下，如果编译阶段对于指令的所有实例只运行一次，那么为什么我看到console.log(" compile ")运行了5次？它应该只运行一次吗？难到不是么？
//module declaration
var app = angular.module('myApp',[]);
//controller declaration
app.controller('myCtrl',function($scope){
$scope.name = "Joseph";
});
//app declaratio
浏览 0提问于2016-12-13得票数 0
为什么replace=true或replace=false在下面的代码中没有任何影响？
为什么在replace=false时没有显示“一些现有的内容”？
或者更谦虚地说，您能解释一下指令中的replace=true/false特性是什么以及如何使用它吗？
示例
JS/Angular：
<script>
angular.module('scopes', [])
.controller('Ctrl', function($scope) {
$scope.title = "hello
浏览 32提问于2014-03-19得票数 94
回答已采纳
1回答
你好，首先我必须说对不起，但我不知道如何更好地表达这个问题，这也是我找不到答案的原因。
我说的是如何在另一个组件中加载一个组件，我需要在指令中指明它。下面是我从头到尾做的一个非常小的例子，因为我找不到正确的语法：
import {Component} from 'angular2/core'
import {Prueba} from './prueba'
@Component({
selector: 'my-app',
providers: [],
template: `
<div>
<h2&
浏览 0提问于2016-03-31得票数 2
回答已采纳
我在角指令上工作了一段时间，现在，我遇到了一个问题。
module.controller和可以在指令中定义的controller之间有什么不同？
angular.module().controller()
angular.module().directive(function(){
return {
controller:
}
});
两者的定义似乎是一样的。
另一个问题是，我会为指令控制器分配由angular.module().controller()定义的控制器吗？
浏览 0提问于2014-12-27得票数 1
回答已采纳
2回答
我正在尝试添加一些自定义的angular指令，以便在几个视图上调用。也就是说，下面是我如何设置代码的
app.js
angular
.module('app', [
'app.routes',
'app.config',
'app.users',
'app.plans'
]);
usersCtrl.js
angular
.module('app.users.controllers')
.controlle
浏览 2提问于2017-05-18得票数 1
为什么Angular JS Route需要你引用一个控制器？
难道你不能只引用一个视图，然后让view指令链接到控制器吗？
浏览 0提问于2014-02-24得票数 1
2回答
我有个简单的例子..。
代码：
angular
.module('app', [])
.directive('parentDirective', parentDirective)
.directive('childDirective', childDirective);
function parentDirective() {
return {
restrict: 'E',
scope: true,
//template: &
浏览 0提问于2015-08-03得票数 0
回答已采纳
2回答
理解@input -从父级到子级
、、、、
我试着学习Angular，现在我正处于@Input阶段。
我有一个主应用程序和子组件。在app.component.ts中，我有一个测试变量。我想把这个变量从app.component.ts传递给child.component.ts。
// app.component.ts:
export class AppComponent {
test = 10;
}
// child.component.ts:
export class ChildComponent {
@Input() fromParent: number;
childVar = fromParent +
浏览 36提问于2018-12-07得票数 2
回答已采纳
2回答
我使用过滤器编写了一个简单的i18n本地化函数，但在应用过滤器时会有延迟。在应用过滤器并交换文本之前，用户将短暂地看到"{{'formTitle‘|i18n}}“。有什么办法可以解决这个问题吗？
这是一个代码示例，它非常简单，而且相当常见：
<label for="person_title">{{'formTitle' | i18n}}</label>
angular.module('localization')
.value('localizedTexts', {
'for
浏览 5提问于2013-06-07得票数 3
回答已采纳
我有以下控制器和指令声明。
<div ng-controller="DocumentController as dc" data-drop-zone url="api/document/upload">
如何连接文档控制器以调用指令上的方法。
<button ng-click="dc.start()" />
drop区域是类型记录，定义如下。
export class DocumentDropZone implements ng.IDirective {
url: string;
constructor(
浏览 3提问于2016-07-25得票数 0
回答已采纳
2回答
我是个角的初学者。我学习了角路由教程，我对下面的代码表示怀疑，在这些代码中，一个控制器的$scope似乎被另一个控制器访问。据我所知，我们无法访问一个控制器的$scope的数据，而另一个控制器则无法访问。有人能解释一下这种情况吗？密码在这里很好。
<html lang="en" ng-app="myApp">
<body>
<div ng-controller="directoryController">
<div ng-view>
</div>
</div&g
浏览 9提问于2016-02-09得票数 2
回答已采纳
1回答
我有两个指令，我想在其中一个中公开一个API，供其他人使用。在的指导下，当我需要另一个指令的控制器时，我得到了这个错误：
Error: No controller: foo
at Error (<anonymous>)
at getControllers (http://localhost:3000/vendor/angular/angular.js:4216:19)
at nodeLinkFn (http://localhost:3000/vendor/angular/angular.js:4345:35)
at compositeLinkFn (
浏览 2提问于2013-03-30得票数 3
1回答
参见下面附加到<title>标记的超级简单的指令。在现代浏览器中，这会激活标题并将标题更改为“标题C”，但在IE8中，从不调用链接函数，标题仍为“标题B”。
Angular中的<title>标签以跨浏览器的方式支持指令属性吗？我有其他的变通方法来更新title值，但我正在寻找一些明确的东西来说明Angular是否支持它，或者为什么不支持它。
<!doctype html>
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="myApp">
浏览 0提问于2014-10-08得票数 2
我得到了表单的一个主要组件和部分的三个组件
现在在主表单中，我有提交按钮，我想用它来向服务提交所有的区段数据？
我如何才能做到这一点？
是否在所有部分组件中使用输出事件发射器，并在提交之前获取主表单组件中的数据？
谢谢
我正在angular2中创建一个表单(包含多个部分)，此表单将成为审批工作流的一部分。
工作流将不在angular2中，尽管表单将从工作流中引用。当我们从工作流的不同阶段打开表单时，它将允许用户仅查看或编辑表单的某些部分。
我应该如何设计我的带有部分的表单？
1)整个表单使用一个组件？
2)每个部分都有单独的组件，并且有一个主要的父组件？
在表单加载时；运行业务逻辑检查，以确
浏览 1提问于2016-11-18得票数 1
我尝试使用queryselectorAll来获取具有特定类名的所有元素。我有一个问题，我只能从index.html页面中的元素获得结果。如果我试图从部分(ng-view) html页面获取节点列表，我会得到一个空的结果。
App.js
var myApp = angular.module('myApp', ['ngRoute', 'articleControllers']);
myApp.config(['$routeProvider', function($routeProvider){
$routeProvider.
浏览 2提问于2015-05-03得票数 1
当我使用angular的指令时，我得到了这个错误。
Error: [$compile:tplrt] Template for directive 'header' must have exactly one root element. /apps/dhe.techForm/views/directives/header.html
http://errors.angularjs.org/1.4.8/$compile/tplrt?p0=header&p1=%2Fapps%2Fdhe.techForm%2Fviews%2Fdirectives%2Fheader.h
浏览 0提问于2016-02-26得票数 0
在下面的程序中，该函数应该如下所示：->控制器、指令控制器、编译、链接。但是，编译函数似乎存在一些错误。
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js" ></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<people>&
浏览 1提问于2016-04-28得票数 2
回答已采纳
2回答
我有两个指令：my-custom-form和my-custom-select。如何对嵌套在指令中的my-定制-select指令触发自定义验证？？
柱塞
my-定制表单指令用法：
<div ng-controller="MyExampleCtrl as exampleCtrl">
<my-custom-form form-name="exampleForm" form-submit="exampleCtrl.submit()"></my-custom-form>
</div>
my-定制表单指
浏览 4提问于2015-12-17得票数 0
1回答
当我按住下一页的F5按钮时，AngularJS变量{{message}}和{{titleHelp}}会闪烁。
我已经读过，为了删除这个，我可以将ng-cloak放在body标记中。然而，这没有任何效果，即它不能阻止眨眼。
即使我把它放在这里：
<div ng-cloak>message: {{message}}</div>
那个变量还在闪烁。
，我还需要做什么才能让ng斗篷工作呢？
<html>
<head>
<style type="text/css">
</style&
浏览 2提问于2015-01-06得票数 4
回答已采纳
对于组件交互，我在angular6中有一些查询。对于组件交互，我们有@Input、@Output、viewChild和services等方法。但大多数情况下我们将使用服务。
在什么情况下，我们需要使用@Input、@Output和viewChild来传递应用程序中的值
@Input、@Output和viewChild方法有什么限制吗？
我们可以使用@Input，@Output方法传递大量数据或值数组吗？
我们可以在本地范围内使用“输入”和“输出”吗？请帮助我澄清我的疑虑
浏览 0提问于2019-07-19得票数 1
回答已采纳
1回答
我正在努力学习AngularJS，我有一个问题/概念，我很难理解。
以我创建的以下演示代码为例：
js
var app = angular.module('customerPortalApp', ["ui.router"]);
app.config( function($stateProvider, $urlRouterProvider){
// For any unmatched url, send to /route1
$urlRouterProvider.otherwise("/route1");
$
浏览 4提问于2013-11-22得票数 0
回答已采纳
有些地方似乎将控制器功能用于指令逻辑，而另一些地方则使用链接。angular主页上的tabs示例使用了一个控制器和另一个指令的链接。两者之间的区别是什么？
浏览 1提问于2012-09-23得票数 395
我有一个指令，负责确认过程的功能(见图)。正常工作，但点击提交按钮后，所有tr都会显示勾选图标，但只能在tr处显示，且tr已确认。
不幸的是，我不能创建一个工作的柱塞，并希望图片足以让你理解我的问题。
我做错了什么？
Angular-指令：
.directive('confirm', function($timeout) {
return {
restrict: 'A',
scope: true, // isolate the scope to trigger target individually
浏览 1提问于2017-03-27得票数 0
1回答
尝试跳入角形2，有一些角度1的经验和一些谜题。
我做了一个共享模块：
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Constants } from './injectables/constants';
import { Utils } from "./injectables/utils";
import { HighlightDirective }
浏览 4提问于2016-11-03得票数 1
回答已采纳
我在我的角度应用程序中创建了一个简单的自定义input组件--使用ControlValueAccessor。因此，当我想创建一个表单input元素时，我不需要调用<input />，只需要调用<my-input>。
我有一个问题，当我使用<input />时，我可以使用myDirective。例如：
<input type="text" class="form-control" formControlName="name" myDirective />
但是，当我使用my-input时，我就不能使用
浏览 5提问于2020-02-19得票数 6
回答已采纳
1回答
我的控制台中有以下错误：
错误:指令“searchTerm”要求的$compile:ctreq控制器“游戏列表”无法找到！
下面是我正在使用的代码：
游戏列表：
<div class = "bit-75-percent games-list" data-ng-controller = "GamesController">
<ng-include src = "'../templates/simpleSearch.tpl.html'"></ng-include>
<d
浏览 1提问于2014-06-29得票数 0
像其他许多人一样，我也喜欢将我的组件分为容器(智能)组件和表象(哑巴)组件。当然，我也喜欢我的应用程序使用路由器，这样用户就可以轻松地导航应用程序，为特定页面添加书签(或者我应该说状态？)等。
我真的希望用户拥有的一个功能是能够在新的标签中打开链接或直接复制链接的URL。显然，我使用的是Angular的RouterModule提供的routerLink指令。但这给我带来了一个概念上的问题，我不确定如何解决。
假设我定义了以下路由和组件：
'/heroes' --> HeroesPageComponent (contains a <router-outlet>
浏览 0提问于2017-06-30得票数 13
1回答
我对均值叠加比较陌生，我正试图在一个项目中包含一个角甘特图。根据github上的文档，我遵循了所有的步骤，但是我不断地发现一些错误。以下是我所采取的步骤的简要概述。
安装角度甘特图使用
安装角钢-甘特-保存
我使用以下方法查找依赖项：
咕噜绳
我将资产/转角-gantt.js和资产/gant.css添加到了由yo env生成的config/env/all.js文件中。
我在publlic/config.js文件中将gantt模块包含到我的角应用程序模块中
5.我还在角-甘特文件夹中发出咕噜声，以构建角-gantt.min.js和角-gantt.js，我还意识到这些文件还
浏览 3提问于2014-11-04得票数 0
回答已采纳
2回答
在指令上丢失绑定
、、
我有一个小提琴，显示了一个指示，现在有一个警报。还有一个具有警报的控制器。这一切都很好，除了绑定正在丢失的事实，文本显示在按钮上。有什么办法帮我吗？
<div ng-app="directiveApp" ng-controller="MainController">
<button ng-click="doStuff()" unsaved-warning-trigger>
{{buttonText}}
</button>
</div>
var app = angular.module(
浏览 2提问于2014-04-28得票数 0
回答已采纳
我目前正在研究用于angular.js的
在某个时刻(12‘40“之后)，演讲者说<html>标签中的属性ng-app和data-ng-app=""或多或少是等价的，ng-model="my_data_binding和data-ng-model="my_data_binding"也是如此。但是演讲者说html将通过不同的验证器进行验证，这取决于使用的属性。
你能解释一下ng-前缀和data-ng-前缀这两种方式的区别吗？
浏览 2提问于2013-05-16得票数 233
回答已采纳
1回答
查看下面的AngularJS代码
dir.js
(function() {
var myApp = angular.module("MyApp");
myApp.directive('myMovie', function() {
return {
restrict: 'E',
transclude: 'true',
template: '<h1
浏览 0提问于2018-03-12得票数 3
回答已采纳
2回答
指令：
'use strict';
var foodMeApp = angular.module('foodMeApp', ['ngResource', 'breeze.angular.q']);
foodMeApp.directive('angularReleases', function(){
return {
restrict :'EA',
link : function($scope, $http){
$http.get('http://ap
浏览 2提问于2014-03-14得票数 0
回答已采纳
我有两个指令，一个用于搜索，一个用于分页。分页指令需要访问搜索指令，以找出我们当前正在搜索的属性。但是，当我加载页面时，它会抛出一个错误，上面写着Error: [$compile:ctreq] Controller 'search', required by directive 'pagination', can't be found!。但是，在我的搜索指令中有一个控制器设置。
这是我的搜索指令：
angular.module('webappApp')
.directive('search', function ($r
浏览 3提问于2014-05-30得票数 1
回答已采纳
1回答
嵌套复杂指令不被执行？
、、、
我试图遵循 by ，在这里，他通过将指令分类为组件和容器来解释指令。
因此，我尝试这样做，有一个容器(幻灯片)将容纳不同的项目(文本区域，图像，视频.)但我的例子更有活力。
他的例子是这样的：
<panel title="{{title}}">
<element text="{{body}}"></element>
</panel>
但我的更像这样：
<slide ng-repeat="slide in slides" slide-id="{{slide.id}}">
浏览 3提问于2013-04-24得票数 0
回答已采纳
我正在尝试使用jQuery.matchHeight将元素设置为相同的高度。我从Angular指令调用函数
angular.module('myApp')
.directive('matchHeight', ['$timeout', function ($timeout) {
var linkFunction = function(scope, element) {
$timeout(function() {
angular.element(element).matchHeight();
});
浏览 5提问于2016-10-20得票数 0
我是Angular JS的新手。
你们谁能举例说明一下Angular JS中ngBind，ngBindHtm和ngBindTemplate的区别？
浏览 2提问于2014-01-13得票数 23
回答已采纳
我仍然是Angular的新手，所以如果这是一个愚蠢的问题，我道歉…我有一个使用转换的自定义指令，我试图理解为什么当我将ng-controller分配给父元素时，数据绑定会起作用，而当我直接将控制器分配给它时，数据绑定就不会起作用：
代码：
angular.module('HelloWorld', [])
.controller('HelloController', function($scope) {
$scope.name = 'you'
})
.directive('hello', function() {
ret
浏览 34提问于2016-08-17得票数 2
回答已采纳
1回答
根据angulars文档，只有在执行了子指令的Post链接函数之后，才会执行“父”的post链接函数。
但是，在下面的代码中，为什么我需要触发“发射”事件来通知ng-重复已经结束。理想情况下，它应该自动运行，而不需要发出事件。
<div ng-controller="Ctrl" my-main-directive>
<div ng-repeat="thing in things" my-repeat-directive>
thing {{thing}}
</div>
</div>
angular.
浏览 1提问于2015-02-23得票数 3
回答已采纳
1回答
例如，我有这样的HTML页面：
<body ng-app="MyApp">
<standart-slider class="slider-app" controls-value="{previous: '#previous', next: '#next', sliderWrap: '.wrapper', slidesName: '.slide', minSlides: '4', controls: '.control'}">
浏览 1提问于2013-02-21得票数 0
回答已采纳
1回答
我试图通过在表单模型的$watch过程中更新的模型来更新角指令的绑定。尽管模型的值在窗体监视的控制器作用域中被更新，但在指令呈现中没有更新。你知道我哪里会出错吗？
<html ng-app="App">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<script type="text/ja
浏览 2提问于2015-11-24得票数 2
回答已采纳
在下面的示例中，我不明白为什么在元素被移除之后，角仍然在触发解析器和格式化器。我应该在指令中手动清除ngModel控制器吗？如果是的话，我该怎么做呢？
想看看我说的是什么，看看那个柱塞，
打开控制台
单击“删除”按钮
单击“更改模型”按钮
注意格式化程序仍在发射
柱塞：
JS
angular.module('testMod', [])
.controller('testCtrl', function($scope){
$scope.test = "test";
$scope.removeElem = functio
浏览 2提问于2014-07-11得票数 7
回答已采纳
我想将一个指令绑定到控制器中的一个变量，但无法从Angular.js文档中知道如何做到这一点(也不能在网络上搜索，也不能查看egghead视频)。
我有以下html：
<body ng-app="MyApp">
<div ng-controller="triCtrl">
<div jqslider pleaseBindTo="firstValue"></div>
<br>
<br>
<br>
浏览 2提问于2013-04-03得票数 0
我需要一个“粘性”指令，当它位于页面顶部时，它会向元素中添加一个css类，并指示其状态的变化。因此，我定义了一个类似于{ onStickyChange: '&' }的范围。现在我想在angularjs组件中使用该指令，如下所示：
<my-component sticky on-sticky-change="$ctrl.onStickyChange(sticky)">
</my-component>
当被粘贴/未粘贴时，我希望指令会通知父控制器。但是，我得到了以下错误：
错误：$compile:multidir多个指令myComp
浏览 4提问于2017-07-19得票数 1
回答已采纳
2回答
在这个中，我有两个嵌套指令，每个指令都带有一个复选框。我的目标是在用户单击子复选框时更改父复选框。我需要使用watch (没有消息)，但我不能访问子范围。有什么想法吗？
Javascript
angular.module('app', []);
angular.module('app')
.directive('directive1', function()
var directive = {};
directive.restrict = 'E';
directive.scope = t
浏览 1提问于2016-09-08得票数 2
回答已采纳
我正在学习AngularJS的第二天，我有一个简单的例子来说明如何在用户的操作上更改DOM，这对我来说是行不通的。以下是一个例子：
html文件：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../Scripts/angular.min.js"></script>
<script src="../Scripts/Controllers/app.j
浏览 3提问于2015-06-10得票数 0
回答已采纳
我是AngularJS的新手。我已经了解到，我可以使用如下查询在DOM中查找元素：
var e = angular.element(document.querySelector('#id'));
var e = angular.element(elem.querySelector('.classname'));
这对于通过ID或CSS类名查找元素很有用。但是，我需要能够使用不同的方法找到一个元素。我有一个看起来像下面这样的元素：
<div my-directive class='myContainer'>...</div>
浏览 0提问于2013-12-27得票数 36
回答已采纳
1回答
我注意到，在我的一个控制器中，我正在注入$rootScope和$scope，它们都指向同一个对象。
此外，在我的所有其他控制器中，$scope对象是共享的。因此，每当我注入作用域时，它都会在迄今为止实例化的所有其他控制器中包含分配给它的属性/方法。
这不是我从一开始就开发的应用程序，它非常庞大。我以前没见过这种行为，我不知道从哪里开始诊断。有什么原因吗？
我们设置控制器/指令的方式是相当标准的，它看起来如下：
angular.module('myApp')
.directive('mainNav', function() {
return {
浏览 1提问于2014-10-31得票数 0
回答已采纳
2回答
花了几个小时在这个问题上，筛选了大量的堆栈帖子和博客，但似乎无法使我的模型更新。更具体地说，我试图更新数组项(ng-重复)。在下面的简单例子中，我遍历了场馆列表，在切换一个“喜欢”按钮时，我适当地更新了服务器，并在$scope上反映了场馆项目上的变化。
在我的search.html中，我有一个指令：
<ion-content>
<venues-list venues="venues"></venues-list>
</ion-content>
我还有搜索控制器：
app.controller('bleh',
浏览 2提问于2016-06-09得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
