2回答
我正在尝试使用模板引用变量获取Angular 2模板中组件的DOM元素的引用。这在普通的html标签上有效，但在组件上有不同的行为。例如：
<!--var1 refers to the DOM node -->
<div #var1></div>
<!--var2 refers to the component but I want to get the DOM node -->
<my-comp #var2></my-comp>
有没有办法强制模板引用变量引用DOM节点，即使它在组件上？如果是这样的话，文档中有没有涉及
浏览 11提问于2017-02-12得票数 6
回答已采纳
1回答
让Angular6试一试。在我的Angular1应用程序中，我将作用域绑定到html，如下所示：
<div ng-controller="MyCtrl">
</div>
现在，在基于组件的Angular6中，有：
@Component({
selector: 'app-side-bar-toggle',
templateUrl: './side-bar-toggle.component.html',
styleUrls: ['./side-bar-toggle.component.css']
浏览 0提问于2018-11-18得票数 0
1回答
我尝试在Angular 7中创建自定义按钮。这个按钮应该支持所有属性，这些属性已经有了标准的超文本标记语言按钮，比如自动聚焦、禁用等等。所以我尝试在我的组件中扩展HTMLButtonElement，如下所示：
import { Component, Input } from '@angular/core';
@Component({
selector: 'my-button',
template: '<ng-content></ng-content>'
})
export class ButtonComponen
浏览 22提问于2019-08-20得票数 2
回答已采纳
有没有办法在angular2中动态加载模板？在angular1中，我使用ng-include在主控制器视图中加载不同的html模板。我知道angular2只能获取1个templateUrl，并且一直在angular2中搜索ng-include，但找不到任何参考资料。
浏览 9提问于2016-09-05得票数 10
1回答
我有几个Angular组件分布在多个文件中，使用ng generate创建。 一些组件有内联样式，因为html/style可能非常小，所以在这里使用内联模板是有意义的。 ? 问题是，我想把几个“多文件”组件转换成内联样式--在Angular生态系统中有没有办法做到这一点？
浏览 24提问于2021-08-31得票数 3
回答已采纳
在带有UI-Router的AngularJs中，我可以执行以下操作，让任何未经授权或不存在的状态显示在特定视图中，而不需要重定向，这样用户就可以知道哪个路由/url是不成功的：
.state('notauthorized', {
templateUrl: 'notauthorized.html'
})
.state('notfound', {
templateUrl: 'notfound.html'
});
现在我正在使用内置的RouteModule在Angular 4上工作。有没有办法在不将用户重定向到完全不同的
浏览 20提问于2017-08-25得票数 2
回答已采纳
在我的Angular web项目中，我在Angular 4项目的许多页面中使用了两到三种不同类型的标题。有没有办法只编写一次HTML页眉代码和页脚代码，并将其包含或注入到一个或多个页面中。为了给出一些线索，我需要一个替代的在每个页面中，我们可以添加一个额外的代码到它(我知道这是一个服务器端的东西，但我需要它在角度客户端)。有没有官方/推荐的方法来做到这一点？
浏览 3提问于2017-08-18得票数 2
回答已采纳
5回答
angular2如何使用来自不同文件的ng模板？当我将ng模板放在我使用的HTML中时，它可以工作，但是当我将ng模板移动到一个单独的文件中时，它就不能工作了。有没有办法将ng-模板移动到自己的文件中，并在不同的html文件中使用它？
info-message.html
<ng-template #messageTemplate>
Hi
</ng-template>
<ng-container *ngTemplateOutlet="messageTemplate;"></ng-container>
上面的操作很好，因为n
浏览 1提问于2018-03-21得票数 21
在Angular 2中，有没有办法通过shift和点击来选择多个复选框? angular 2中有没有什么模块？我想要angular 2解决方案，而不是jquery或JavaScript解决方案。
浏览 0提问于2017-09-19得票数 0
7回答
我是Vue.js的新手，我使用AngularJS已经有一段时间了，在angular中我们用来加载模板，例如，
template: '/sometemplate.html',
controller: 'someCtrl'
我们如何在Vue中做这样的事情，而不是像这样在JavaScript中保留大的HTML模板，
new Vue({
el: '#replace',
template: '<p>replaced</p>'
})
这对于小的模板是可以的，但是对于大的模板，这实用吗？
有没有办法加载外部模板H
浏览 2提问于2015-07-26得票数 76
我有一个使用observable的组件，它调用一个服务来进行API调用。API返回一些在视图中呈现的HTML。 HTML如下所示： <p>abc</p><a href=\"http://abc.xyz.com/\" class=\"external-link\" rel=\"nofollow\">
Click me to open in new window</a> 在Angular中，有没有办法添加一些JS，使带有“外部链接”类的锚点在新窗口或选项卡中打开？
浏览 10提问于2019-02-12得票数 0
回答已采纳
1回答
我是一名Angular1开发人员，最近考虑在一个新的web应用程序项目中使用Angular4。
与Angular1，我过去购买了一个‘引导管理主题’，这与良好和一致的CSS和大量的JS插件放在一起，这使我可以专注于应用程序本身。我曾经在有数据操作的地方将Angular1代码插入其中，我喜欢这样做。所以我在这两个世界中都是最棒的。
有没有办法，这可以在Angular4 2/Angular4 4，1)真正错过JS插件的主题提供和2)不必复制的CSS到处？
浏览 1提问于2017-04-13得票数 6
回答已采纳
我在angular 5工作，我有一些问题。我有两个模型Person和Employee，它们继承自Person并具有自己的属性。在我的组件的html文件中，我创建了一个带有一些输入字段的表单：
<input type="texte" name="name" [(ngModel)]="person.name" />
<input type="texte" name="numberPhone" [(ngModel)]="person.numberPhone" />
<butt
浏览 1提问于2018-05-07得票数 0
我想知道有没有办法在我的Angular 2应用程序的组件内部的html中给一个对象一个独立的作用域(我相信这是正确的术语)。例如，假设我的组件TS文件中有以下obj：
private myObj = {
nestedObj1: {
nestedObj2: {
nestedObj3: {
name: 'George',
height: '72 inches',
birthday: 'February 31',
position: 'Engineer&#
浏览 0提问于2016-11-01得票数 1
2回答
有没有办法让Angular 2组件根据我想要放置它的位置使用许多模板文件？
例如，我有一个login组件，我想用两种不同的设计把它放在我的网站上两次。
有没有方法可以将模板传递给组件？
浏览 11提问于2016-08-31得票数 3
回答已采纳
我正在使用Angular4并从使用innerHtml显示在div标记中的XHR请求中返回html。
它是安全的html，所以我使用带有bypassSecurityTrustHtml的DomSanitizer，这样我就可以在html中包含JavaScript。
我想在返回的html中包含指向Angular应用程序中位置的链接。即通过路由器。
问:有没有办法从返回的html中触发一个Angular函数，这样我就可以调用路由器了？还是有更好的方法？
谢谢!
浏览 2提问于2018-10-30得票数 0
我正在尝试为应用程序创建一个中央通知服务，通过相同的“管道”报告简单的错误。这可能是错误的方法，但我需要一个粘在主HTML body上的material-popup，按照各种组件的需要按需显示。
import 'package:angular/angular.dart';
import 'package:angular_components/angular_components.dart';
import 'package:angular_components/laminate/overlay/zindexer.dart';
@Compone
浏览 29提问于2020-05-11得票数 0
我曾经用angular1构建应用程序，有可能在所有加载的DOM元素上有指令，就像你有主组件(app)，它是从加载的html构建的，然后在里面你可以从加载的html加载指令或从URL加载它。
然而，在angular2中，我似乎不得不使用组件来引导应用程序，这要求我有模板/模板use，我认为这不是必要的，因为我不想单独加载菜单和其他常见的东西，我宁愿在服务器级别上这样做，而不是单独加载它。有人知道我如何在angular2中实现这一点吗？
浏览 1提问于2016-06-29得票数 4
2回答
有没有办法在Angular2中切换选中的复选框列表？
我有一个按钮，当按下并查看完整列表时，它将只显示列表中选中的项目。当再次按下该按钮时，它将显示整个列表。
Plunkr：
//our root app component
import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import { FormsModule, ReactiveFormsModule } from '@angular/f
浏览 0提问于2017-08-24得票数 0
1回答
我正在尝试找到一种通过使用唯一名称而不是文件夹路径来引用文件的方法。使用绝对路径和相对路径，如果我移动components文件夹，我必须重构所有链接。这也很烦人，因为通过使用gulp，所有的javascript文件都会被移到另一个目录中。
在Angular 1中，我们只引用ng-template的ID。
在Angular 2中有没有办法做类似的事情？
其他信息：
我目前正在使用的代码
(function(app) {
app.AppComponent =
ng.core.Component({
selector: 'my-app-test
浏览 0提问于2016-07-21得票数 1
我想要一个完全从组件变量中生成模板数据的组件。
import { Component} from '@angular/core';
import { DataService } from '../../services/data.service';
@Component({
selector: 'app-slot',
template: '{{component}}',
styleUrls: ['./slot.component.css']
})
export class SlotComponent
浏览 0提问于2018-05-26得票数 0
1回答
自昨天以来，我一直在设法找到解决我的问题的办法。不幸的是，我做不到。路由不工作，即使在url中我按路径进行更改。它仍然从app.component.html获取HTML。
我的app.module.ts：
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppCo
浏览 2提问于2021-10-17得票数 0
回答已采纳
我必须根据发送的布局动态渲染模板(现在我们有原始的和可选的)。
在乞讨过程中，我在html中手动跟踪。如下所示：
<component layout="original"></component>
组件模板：
template: ($element, $attrs) => {
let process = 'original';
if ($attrs.layout) {
process = $attrs.layout;
}
return require(`./templates/${proc
浏览 18提问于2017-01-31得票数 0
回答已采纳
1回答
我有一个用户表单，它接受使用Angular的currency管道转换为货币的输入值。请查看下面的代码片段。
app.component.html
<input type="text" [(ngModel)]="value" (blur)="transformAmount($event)" (focus)="transformAmount($event)" required pattern="[0-9]+" class="form-control" id="saleAmount"
浏览 19提问于2018-06-05得票数 0
有没有办法在typescript中导入HTML文件而不使用require。从‘../template/abc.html’导入abc；--这不是在加载我的html
浏览 16提问于2020-02-28得票数 0
嗨，我已经创建了一个弹出的按钮点击html，它工作得很好。下面是我的HTML码：{{title}} {{signUp}}
<div #myModal class="modal" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
&l
浏览 0提问于2018-01-16得票数 0
我有一个角度页面，在*ngFor循环期间，我想要更新一个变量，然后在循环的每次迭代期间将其写入HTML。
如下所示：
HTML：
<table *ngFor="let data of Dataset">
somehowRunThis(data)
<div>{{methodResult}}</div>
</table>
TS：
...
methodResult: any;
...
somehowRunThis(data): {
let a;
...
this.methodResult = a;
}
等等。
有没有办法这样做呢？尝试添
浏览 1提问于2021-09-17得票数 0
我们的开发团队中有几个Angular2<项目。虽然其他开发人员习惯于在我们的Angular 2<项目中直接使用Typescript和HTML标记来编写更大的表单，但我对这种方法并不是很满意。
现在我们正在开始一些新的项目，这些项目需要更大的表单结构，甚至需要条件逻辑，这些项目可能会在未来几年内增长。我猜测直接使用Typescript/Html (即使是拆分组件和服务)来编写它将会导致大量的冗余代码，其中每一次表单更改或扩展都将是未来的麻烦。
有没有支持AngularJS 2的表单的可视化编辑器或表单引擎，允许使用某种图形用户界面、生成器或集中配置来构建复杂的表单结构？
我只想用An
浏览 1提问于2018-02-17得票数 0
有没有办法使用bootstrap 4中的工具提示功能？
我们已经使用npm install安装了bootstrap 4、tether和jquery，
在文档中，我们必须用javascript编写jquery代码，
$(function () [
$('[data-toggle="tooltip"]').tooltip()
})
并将此代码添加到html中，
data-toggle="tooltip" data-placement="top" title="Tooltip on top"
我们已经尝试添加html
浏览 0提问于2017-09-11得票数 2
组件1
import { Component } from '@angular/core';
@Component({
selector: 'app-component1',
template:
`
<button (click)="submit()"></button>
`
})
export class Component {
constructor() {
}
someMethod(): void {
}
}
组件2
import { Com
浏览 0提问于2019-06-12得票数 2
我在做一个角度方向的运动代码。
这个应用程序可以工作，但我在我的mac终端上有这个错误，我正按照课程显示的那样做，找不到出了什么问题。
Error: src/app/components/articles/articles.component.html:1:22 - error TS2341: Property 'articles' is private and only accessible within class 'ArticlesComponent'.
1 <h3>Repositorios : {{articles.articlesCoun
浏览 4提问于2020-12-30得票数 0
回答已采纳
在angular2组件中使用转换时，我的'ViewChildren‘似乎无法检测到这些组件。当我制作一个组件，其中我直接定义了相同的组件，那么它工作得很好。现在有没有人有办法让这件事生效呢？
浏览 3提问于2016-08-28得票数 2
回答已采纳
1回答
看起来我完全混淆了Angular 2的概念。我希望在页面上有三个在app.component.html中以这种方式定义的组件(这应该是入口点)：
<bp-header></bp-header>
<bp-home></bp-home>
<bp-footer></bp-footer>
这是主组件(app.component.ts)：
import { Component } from '@angular/core';
import { ROUTER_DIRECTIVES } from
浏览 15提问于2016-07-19得票数 2
回答已采纳
1回答
节点/快速角5路由
、、、、
我正在使用angular5和Exchange4.16创建一个应用程序。我在主页上有锚标记，单击其中的另一个组件(应该重定向到那个URL)，但只有URL更改。
所需代码如下。
app-routing.module.ts
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { AppComponent } from './app.component';
import { T
浏览 2提问于2017-11-10得票数 5
回答已采纳
这是我第一次使用Angular 2动画，我在实现上有一点小问题。我使用了角度参考线，但我有以下错误：
ERROR Error: The provided animation trigger "menubarState" has not been
registered!
at AnimationTransitionNamespace._getTrigger (transition_animation_engine.js:239)
at AnimationTransitionNamespace.trigger (transition_animation_engine.js:262
浏览 0提问于2018-01-25得票数 12
我有以下简单的angular2组件
@Component({
selector: 'dynamic-info-template',
template: '<div id=\"dynInfoTemplate\">dynamic info template<a href="javascript:void(0);" (click)="navigateTo()">Link</a></div>'
})
export class DynamicInfoTemp
浏览 6提问于2016-09-17得票数 0
7回答
我们正在用Angular 2和TypeScript构建一个应用程序。我们尝试在可能的情况下静态地检查类型。有没有办法检查模板中的类型？考虑以下片段：
<foo [data]="dataObj"></foo>
假设Foo组件中的data具有某种类型TData。但是，在默认情况下，没有什么可以阻止我传递不符合TData的dataObj。是否有一个用于Angular模板的typescript扩展，可以在这种情况下验证类型？
浏览 0提问于2015-11-12得票数 51
因此，我在自己的文件中定义了一个父组件和子组件，如下所示：
亲本
/// <reference path="angular2/typings/browser.d.ts" />
/// <reference path="angular2/core.d.ts" />
import {bootstrap} from 'angular2/platform/browser';
import {Component} from 'angular2/core';
@Component({
selector: &
浏览 2提问于2016-04-15得票数 1
回答已采纳
2回答
我正在从一些服务中获取页面的一部分。如何实现angular表达式或路由器人员作为动态内容工作？
Controller.ts
variable = 'some text';
dynamicContent ='
{{variable}}
Or
<a [routerLink]="contact"]></a>';
View.html
<div>
{{dynamicContent}}//plain text
<div [innerHtml]="dy
浏览 0提问于2017-02-16得票数 0
我想更新一个顶点应用程序内的页面的html代码，但找不到它。有没有办法在顶尖应用程序中查看页面的HTML代码？
浏览 35提问于2021-07-01得票数 0
回答已采纳
1回答
我在这个form上有一个angular form is two angular material inputs
文档中有一个属性，声明可以让标签始终浮动，所以我尝试复制它，但无论出于什么原因，它都不起作用。
这是HTML
<form *ngIf="frmNotes" [formGroup]="frmNotes">
<mat-form-field [floatLabel]="always" style="width: 100%">
<
浏览 12提问于2018-02-06得票数 3
回答已采纳
我正在尝试在angular 2中创建一个treeview，它是一个带有添加和删除按钮的文本框树。我让它在角度1中运行，但在角度2中似乎很复杂。
Angular 1 HTML代码：
<script type="text/ng-template" id="tree_item_renderer.html">
<input type="text" ng-model="data.answer" placeholder="Answer" required/>
<button n
浏览 5提问于2017-07-10得票数 0
回答已采纳
我有一个这样的组件
@Component({
moduleId:__moduleName,
selector:"awesome-component",
templateUrl:"awesome.component.html",
styleUrls:["awesome.component.css"]
})
export class AwesomeComponent {}
我使用Systemjs builder将其捆绑在一起，当应用程序部署在根路径上时(例如，如果应用程序从http://localhost运行)，一切工
浏览 0提问于2016-08-15得票数 2
2回答
我有一个非SPA web应用程序，它有Vue组件，工作非常好。然而，我正在寻找一种方法，通过外部应用程序接口加载包含Vue的超文本标记语言。
因此，我只需调用/ajax/dialogbox/client/add，它将返回包含Vue组件的超文本标记语言，例如：
<h1>Add client</h1>
<div>My static content</div>
<my-component></my-component>
但很明显，<my-component></my-component>什么也不做。在An
浏览 17提问于2017-07-03得票数 8
回答已采纳
因此，我有一个javascript下拉菜单，它可以工作，但是当我将菜单HTML放到Dart组件模板中时，菜单就不再工作了。我想这是因为Javascript不能再访问那些DOM元素了。
这是人们普遍存在的问题吗？有什么解决办法吗？
我的全局javascript是：
$('body')
.on('mouseenter', '.navbar.main [data-toggle="dropdown"]', function()
{
if (!$(this).parent('.dropdown').is(
浏览 5提问于2014-04-19得票数 1
回答已采纳
我有一个使用angularjs的应用程序，我想开始将这个应用程序重写为Angular2。不幸的是，当body和ng-app一样时，最初的应用程序是Asp.Net MVC的混合体。
我想在Angular2中执行类似的方法，将AppComponent选择器设置为body。因此，我将能够一步一步地将旧的应用程序重写为新的组件。
我的问题是模板在组件中是必需的。这是不是有可能没有模板，因为html将从服务器打印？
目前它是这样工作的。当用户点击页面服务器返回html
<html>
<body ng-app="flymark">
Here could be an
浏览 0提问于2017-04-24得票数 1
我有一个数字，可以是正值，也可以是负值。我想总是把它打印成底片。有没有办法将其格式化为Angular 2html代码？我知道如何在typescript/javascript中执行此操作。但是，我想知道是否可以直接用Angular HTML代码格式化
浏览 1提问于2017-08-22得票数 3
3回答
在我的Angular2应用程序中，我有一个具有类似以下属性的对象：
var person = {
firstname:"Tom",
lastname:"Hanks"
};
如果其中一个属性(例如，"firstname“更改为"Bill”)，我想在HTML页面中隐藏一些元素。有没有办法观察这个物体的变化？使用RxJS做这件事的最好方法是什么？我是一个新手，对角和RxJS。
浏览 4提问于2021-01-13得票数 1
回答已采纳
1回答
我在window对象上有一个函数，可以更改我的angular4应用程序中的数据，但是，直到我单击angular应用程序中的一个输入，视图才会更新。有没有办法让它立即更新？
我相信这与角度区域有关，对吗？
代码：
在下面的代码中，vm引用了我的Angular组件。
window.callback = function(data) {
vm.setKey(data.result);
}
下面的函数在Angular组件中，并且正确地设置了数据，但在视图中不会更新，直到再次与应用程序交互。
setKey(result) {
this.ke
浏览 7提问于2017-07-27得票数 1
回答已采纳
自从Angular的渲染器发布后，编译器选项就可用了。现在在模板中有更多的编译时检查，这很棒。但我遇到的一件事是，如果我在模板中使用不存在的事件名称，则不会出现警告/错误，例如：
<div (nonexistentEvent)="doSomething()"></div>
如果nonexistentEvent不存在，则不会给出错误。如果事件被重命名，很容易错过其中的一些用法，并因此获得错误。有没有办法迫使Angular抱怨这种不存在的事件？
浏览 0提问于2020-05-04得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
