在我现有的Web项目中,使用jetty进行开发时所服务的html内容的目录结构是"myProject/src/main/webapp /"
现在,我想在这里集成一个angularjs项目.我和Yeoman玩过一点点.
如果我是自行车的脚手架,我想知道如何将它集成到我们现有的开发和部署结构中.我想使用主文件夹"myProject"运行yeoman脚手架会很好.然后我会得到一个"myProject/app /"指向我所有的前端东西.我应该以某种方式指示(如何？)我的码头服务器使用".../src/main/webapp /"作为新app目录的别名？
我们主要使用jetty作为请求后端的代理.是否还有一种方法可以像"yeoman服务器"一样进行类似于码头的实时重装？
我有一个结构指令,处理输入控件(并在现实世界中使用DOM做更多事情).请参阅此示例https://stackblitz.com/edit/structural-directive-binding.
我需要一些东西来操纵输入值.在这个例子中,我想输入'angular'.显示的输入值应为"ANGULAR",但模型值仍应为"angular".
我需要支持模板和模型驱动的方法.
如果我要创建一个组件,我将为此任务实现ControlValueAccessor接口.但我认为,这不是一个结构性指令.在angular.js中,我会为此作业提供格式化程序/解析器.什么方式去这里？
我想在我的模型中将ng-click函数调用存储为字符串.我不能使用ng-click ="m.func",如果我使用ng-click ="{{m.func}}"也不能正常工作.
在ng-click ="{{m.func}}"的情况下,它看起来像角度1.2.0会抛出错误.
我怎样才能把它带到工作中？
<div ng-app="myApp" ng-controller="myCtrl">
<div ng-repeat="m in model"><a href="#" ng-click="{{m.func}}">{{m.caption}}</a></div>
</div>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.model = [
{
caption: 'callme a',
func : 'callme_a()'
},
{
caption: 'callme b',
func : 'callme_b()'
}
]
$scope.callme_a = function() {
alert("called a");
}
$scope.callme_b = function() {
alert("called b");
}
});
我想使用内容投影，但我无法使用它。
HTML是
<form [ngFormModel]="demoForm" (ngSubmit)="onSubmit()">
<my-form-group myLabel="Some Label">
<input type="text" [ngFormControl]="demoForm.controls['someInput'] [required]="true">
</my-form-group>
</form>
该组件是
@Component({
selector: 'my-form-group',
template: `
<div class="form-group">
<label>{{myLabel}}<span *ngIf="required"> *</span></label>
<ng-content></ng-content>
</div>
`
})
export class MyFormGroup {
@Input() myLabel: string;
}
如何将跨度中的 *ngIf 条件绑定到投影输入元素的必需属性？目标是在 [required] 变为 true 时在外部组件中显示星号。
编辑：我做了一个 - 不工作 - plunkr来说明我的意思。
假设我在ng-content标签之间有一个预计的原生输入.我知道,我可以使用@ContentChild获取对预计输入的引用.我想知道如何检测父组件中投影输入元素的焦点事件？