Question

我有一个下拉菜单，我试图在用户进行选择时访问两个值。 pdfDoc中的值为＆＃34; {＆＃34; pdfId＆＃34;：32，＆＃34; filename＆＃34;：＆＃34; Test2＆＃34;，＆＃34; link＆＃34;：＆＃ 34; \\检验.pdf＆＃34;}＆＃34 ;.我如何访问链接和pdfId？

$scope.changePdfDoc = function (pdfDoc) {
     console.log(pdfDoc.link + pdfDoc.pdfId);
}

<md-select ng-model="selected.pdfDoc" required ng-change="changePdfDoc(selected.pdfDoc)">
    <md-option ng-repeat="pdfDoc in pdfDocs" value={{pdfDoc}}>{{pdfDoc.filename}}</md-option>
</md-select>

Answer 1

在ng-value指令上使用value代替md-option，将完整对象分配给ng-model，然后只需访问它。

<md-select ng-model="selected.pdfDoc" required ng-change="changePdfDoc(selected.pdfDoc)">
    <md-option ng-repeat="pdfDoc in pdfDocs" ng-value="pdfDoc">{{pdfDoc.filename}}</md-option>
</md-select>

Answer 2

为什么不使用ng-options？

<md-select ng-model="selected.pdfDoc" 
           ng-options="pdfDoc as pdfDoc.filename in pdfDocs"  
           ng-change="changePdfDoc(selected.pdfDoc)">
</md-select>

从控制器中的ng-change访问值

2 个答案: