簡體   English   中英

如何遍歷Angular數組中對象的屬性?

[英]How to iterate through a property in object within an array in Angular?

在AngularJs中,我使用ng-repeat選項在數組中的每個對象內顯示questionText屬性。

[{
    "_id": "57fa2df95010362edb8ce504",
    "__v": 0,
    "answers": [],
    "options": [],
    "questionText": "what is your name?,What is your qualification?,Which city do you reside in?",
    "questionId": "H1Mb0jPA",
    "surveyId": "ryVj6Pf0"
}, {
    "_id": "57fa441e5010362edb8ce507",
    "__v": 4,
    "answers": [],
    "options": ["BE", "MBA", "MS", "MTech"],
    "questionText": "What is your degree name?",
    "questionId": "BJPQ46vC",
    "surveyId": "ryVj6Pf0"
}, {
    "_id": "57fa6fb65010362edb8ce509",
    "__v": 0,
    "answers": [],
    "options": [],
    "questionText": "Which city do you live in?",
    "questionId": "ryA2Jgd0",
    "surveyId": "ryVj6Pf0"
}, {
    "_id": "57fa70125010362edb8ce50a",
    "__v": 0,
    "answers": [],
    "options": [],
    "questionText": "Have you tried this product?",
    "questionId": "BJqGlxOR",
    "surveyId": "ryVj6Pf0"
}, {
    "_id": "57fa71085010362edb8ce50b",
    "__v": 0,
    "answers": [],
    "options": [],
    "questionText": "wassup?",
    "questionId": "H1WMbluC",
    "surveyId": "ryVj6Pf0"
}]

上面是我要嘗試的數組。

這是我的ng-repeat HTML代碼。

<div ng-controller="viewQuestionController as viewQuestions">
    <div ng-repeat="questionText in viewQuestions.questions">
        <h2>{{viewQuestions.questions[0].questionText}}</h2>
    </div>
</div>

它只是遍歷第一個索引中的對象5次。 如何使它遍歷每個對象? 我嘗試了viewQuestions.questions.questionTextviewQuestions.questions[].questionText都不起作用。

在ng-repeat中,questionText屬性值將顯示如下,其中ng-repeat中的questionText將代表問題列表中的對象

<div ng-controller="viewQuestionController as viewQuestions">
<div ng-repeat="questionText in viewQuestions.questions">
    <h2>{{questionText.questionText}}</h2>
</div>

您應該將ng-repeat中的問題文本重命名為類似問題,以便每個重復的div將代表問題列表/數組中的一個問題。

<div ng-controller="viewQuestionController as viewQuestions">
<div ng-repeat="question in viewQuestions.questions">
    <h2>{{question.questionText}}</h2>
</div>

ng-repeat表達式-

ng-repeat="variable in expression"

其中variable是用戶定義的循環變量,expression是作用域表達式,給出要枚舉的集合。 在這里閱讀更多-https: //docs.angularjs.org/api/ng/directive/ngRepeat

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM