我在我的应用程序中使用Angular Material。在ng-repeat列表里面我有字段。但是,我希望用户能够将常用的前缀添加到文本中。例如,如果他想输入"小时:5"他可以点击一个按钮,增加"小时:"到输入字段,所以他只需输入5。
这就是我现在所拥有的:HTML:
<md-menu>
<md-button ng-click="$mdOpenMenu($event)" class="ps-button" aria-label="Open sample menu">
+
</md-button>
<md-menu-content class="ps-selectcontainer">
<md-menu-item ng-repeat="remark in remarks"><md-button class="ps-button" ng-click="addRemark(remark, this)">{{remark}}</md-button></md-menu-item>
</md-menu-content>
</md-menu>
</md-input-container>
输入容器:
<md-input-container md-no-float class="md-block" >
<input ng-model='form_noteName' type="text" placeholder="Note" maxlength="255" required>
</md-input-container>
在Javascript中:
$scope.addRemark = function (remark, repeatScope){
if(repeatScope.form_noteName){
repeatScope.form_noteName = remark + repeatScope.form_noteName;
$scope.stupidvariable = repeatScope.form_noteName;
return;
}
repeatScope.form_noteName = remark;
return;
};
我的想法是,当我点击md菜单中的某个项目时,它会打开addRemark函数传递范围,在addRemark中它会修改范围并且输入字段已更改。
但是变量form_noteName没有改变,我也不知道我做错了什么。我在这做错了什么?
编辑:这是一个采用类似方法的Plunker:http://plnkr.co/edit/1j3F64YyJPftxLf8QaZD?p=preview
谢谢:)
答案 0 :(得分:0)
您无法获得两次ng-click。您需要将两个语句放在一起用分号分隔,如下所示:
ng-click="addRemark(remark, this); testvariable='remark'"
你也可能不需要&#34;这个&#34;自&#34;评论&#34;将给出特定的元素。但是,我没有足够的代码来确定。