我有一个自定义指令<foo checked></foo>.在foo我的模板中<input type="checkbox">.如果checked打开foo,我想拥有<input type="checkbox" checked>.我还没有看到如何处理这些没有值的属性,检测它们,并在它们存在的情况下用它们标记子元素.
对此有所帮助表示赞赏.
我想知道ngFor上的迭代器数量,以便基于我可以显示或隐藏的元素,例如我想这样做,如果迭代器的数量到达它应该停止迭代.到目前为止,整个模板是:
<p *ngIf = "heros2.length > 3">
there are two many users
</p>
<div *ngIf = "heros2.length == 3">
<ul>
<li *ngFor = 'let hero1 of heros2'>
there are many users
{{hero1.name}}
</li>
</ul>
</div>
我希望在一个有角度的2模板中有一个简单的html表单(在没有依赖javascript的情况下执行POST).
拥有以下普通的POST表单:
<form action="connect/facebook" method="POST">
<input type="hidden" name="scope" value="public_profile,email"/>
<button type="submit">Connect to FB</button>
</form>
在html模板中会导致以下错误:
Template parse errors: No provider for ControlContainer ("
<h2 class="text-xs-center">{{'SIGNIN_FORM.TITLE' | translate}}</h2>
[ERROR ->]<form action="connect/facebook" method="POST">
<input type="hidden" name="scope" value="pub"): SigninComponent@6:8 ; Zone: <root> ; Task: Promise.then ; Value:
Error: Template parse errors: No provider for ControlContainer ("
<h2 class="text-xs-center">{{'SIGNIN_FORM.TITLE' | translate}}</h2>
[ERROR ->]<form action="connect/facebook" method="POST">
<input type="hidden" name="scope" value="pub"): SigninComponent@6:8
at TemplateParser.parse (http://localhost:8080/main.bundle.js:20619:19)
at RuntimeCompiler._compileTemplate (http://localhost:8080/main.bundle.js:42414:51)
at http://localhost:8080/main.bundle.js:42337:83
at Set.forEach (native)
at compile (http://localhost:8080/main.bundle.js:42337:47) …我创建了一个组件来渲染我的应用程序中的SVG图像.
然而,动态加载,我的演示应用程序只显示一个更简单的版本.
http://plnkr.co/edit/g2tZXeUAMJ5zESx2EHT0?p=info
我想<div [innerHTML]="data"></div>和<div> {{ data }} </div>
虽然呼叫正确,但未加载SVG.我花了一些时间在gitter找到一个解决方案,但我得到的最接近的是它被消毒了.
我认为innerHTML正在被清理,并且插值被忽略.它只显示原始svg文本.
谢谢
我的<img>:
<img width="90" height="90" src="{{image}}" />
默认图像文件夹: assets/img/pic_user.png
如何定义未在变量中定义的默认图像:{{image}}？
如何将变量从模板传递给打字稿*ngFor.
我用于循环:
<select (change)="onregionchange()" data-placeholder="Regions" class="form-control regions-select" id="regions" multiple>
<option *ngFor="let region of all_regions" [value]="region.id">{{region.name}}</option>
</select>
现在我想将所选区域的国家/地区发送到,即在region.countries中 onregionchange()
我怎样才能实现这一点 angular2
我在dir d:/ myapp下载了git项目.我在我的Windows机器上安装了npm 3.10.10和节点6.11.但是当从git bash commd行运行安装npm以安装所有依赖节点模块时...我得到如下错误:
$ install npm install:'npm'后缺少目标文件操作数尝试'install --help'获取更多信息.
我正在使用Angular 4,在我的模板上我有一个复选框和一个div.
在我的.ts文件中,我有2个函数.
// html
<input type="checkbox" class="custom-control-input" (change)="function2($event)">
<div (click)="function1()">some text here</div>
这我有ts文件
// .ts
function1() {
// check if the checkbox is checked.
}
function2(event) {
// do something here
}
从function1我如何检查是否选中了复选框？
我是Angular的新手，我试图绑定由模型对象的文本框组成的表单。但我收到类似“未处理的承诺拒绝：模板解析错误：由于它不是'input'的已知属性而无法绑定到'NgModel'的错误”
我在Google投入了大量时间，但仍然存在问题
下面是我的代码。
的HTML：
<div>
<div class="col-sm-6 form-group">
<label class="control-label">Project Name:</label>
<input type="text" class="form-control" id="txtProjName" [(NgModel)]="projectFieldsdtl.PROJECT_NAME" >
</div>
<div class="col-sm-6 form-group">
<label class="control-label">Project Manager Name:</label>
<input type="text" class="form-control" id="txtProjManager" >
</div>
<div class="col-sm-6 form-group">
<label class="control-label">Project Manager Email ID:</label>
<input type="text" class="form-control" id="txtProjManagerMailID" >
</div>
</div>
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { FormsModule} from '@angular/forms';
import { HttpModule } from '@angular/http';
import {SpotCheckStatusComponent} from './spotcheckstatus.component'; …我需要在html模板中显示"正在加载"面板,直到检索到结果并将其绑定到组件vm视图模型变量.所以像这样:
<div *ngNotIf="vm.SearchResults">
Please Wait
</div>
另外,在尝试引用vm.SearchResults之前,我需要确保vm存在.在ng2 +中这样做的好方法是什么？