根据Angular中单击的元素设置输入值

时间:2016-06-06 14:55:35

标签: angularjs

我做了以下的傻瓜:

https://plnkr.co/edit/Ff2O2TGC4WLaD62fJmvA?p=preview

我希望输入的值为 <h:form id="formDtable" prependId="false"> <p:dataTable id="surveyDt" value="#{surveyCtr.veicLazyDataModel}" var="veiculos" scrollRows="100" scrollable="true" liveScroll="true" scrollHeight="430" emptyMessage="" rowKey="#{veiculos.seqID}" rowIndexVar="row" lazy="true" style="font-size: 10px;" > <f:facet name="header"> <p:outputLabel value="Teste Lazy BD" class="fontTituloTabela"/> </f:facet> <p:column headerText="Vehicle ID" > <h:outputText value="#{veiculos.vehicleID}" /> </p:column> <p:column headerText="Vehicle Type Code" > <h:outputText value="#{veiculos.vehicleTypeCode}" /> </p:column> <p:column headerText="Code" > <h:outputText value="#{veiculos.fltCode}" /> </p:column> <p:column headerText="Branch Code" > <h:outputText value="#{veiculos.branchCode}" /> </p:column> <p:column headerText="Air Steer" > <h:outputText value="#{veiculos.AirSteer}" /> </p:column> <p:column headerText="Rec Air Drive" > <h:outputText value="#{veiculos.AirDrive}" /> </p:column> <p:column headerText="Rec Air Free" > <h:outputText value="#{veiculos.AirFree}" /> </p:column> <p:column headerText="Rec Air Spare" > <h:outputText value="#{veiculos.AirSpare}" /> </p:column> <p:column headerText="Qtde Spare" > <h:outputText value="#{veiculos.qtdSpares}" /> </p:column> <p:column headerText="tipo de Controle" > <h:outputText value="#{veiculos.vehicleMType}" /> </p:column> <p:column headerText="Update" > <p:commandButton id="btnupdatet" icon="ui-icon ui-icon-pencil" update="formDtable:**row(index 0 ????)**"> </p:commandButton> </p:column> 点击。

以下是代码:

item.name

JS:

<body ng-app="myApp">

<div ng-controller="MyController">
  <ul ng-repeat="item in collection">
    <li ng-click="edit('{{item.name}}')">{{item.name}}</li>
  </ul>
</div>

  <input  name="myinput" ng-model="myinput"  />

</body>

3 个答案:

答案 0 :(得分:1)

角度表达式不能有插值标记。正确的语法,就像它是正常的Javascript:

<li ng-click="edit(item.name)">{{item.name}}</li>

答案 1 :(得分:1)

所以这里有一些问题。第一个是如何将item.name传递给edit函数。而不是edit('{{item.name}}'),它应该只是edit(item.name)

this.myinput中的下一个script.js无效;它必须是$scope.myinput

最后,标记中的input需要位于定义控制器的div内。

我修改了Plunkr工作:https://plnkr.co/edit/mslpklTaStKEdo64FpZl?p=info

答案 2 :(得分:0)

您不必调用函数。做吧。

<li ng-click="$parent.myinput = item.name">