Html 从json的角度获取问题

（函数（）{
"严格使用",；
有棱角的
.module（'app.interview'，[]）
.controller（'InterviewController'，InterviewController）
.工厂（“面试”，面试）；
InterviewController.$inject=['$scope'，'Interview']；
采访.$inject=['$http']；
功能面试（$http）{
var服务={}；
service.fetchQuestion=fetchQuestion；
回程服务；
函数fetchQuestion（）{
返回$http.get（'/app/interview/questions.json'）；
}
}
})();

面试问题

如果我理解正确，请重复一次简单的ng

<p ng-repeat="dataItem in data">{{dataItem}}</p>


面试问题
{{dataItem}}

下一个
提交

})（）
 您可以使用ng repeat获取问题并将其显示在UI上您想显示单个问题还是全部问题？另外，您也可以发布您的InterviewController吗？要显示一个问题，并且控制器在那里，即InterviewController。$inject=['$scope'，'Interview']；哪一个问题？您的问题不具体。使用ng RepeatThank时，对1个问题使用分页和限制筛选器。谢谢，兄弟，我根据我的JSON做了，工作正常，但在最后一个问题上，下一步按钮将更改为提交。这是怎么可能的？有没有办法检查用户在一个问题上花了多少时间？表示q1花费了多少时间，然后q2花费了多少时间？我已经添加了我的答案，根据这个答案，如何计算时间，即用户在回答单个问题时花费了多少时间？@PadhyAkash此社区旨在为阻止您的代码的错误提供帮助，而不是根据您的要求编写代码。如果你发现上面的答案适合你的问题，那么把它标记为正确的，然后把新的作为另一个问题问。
<div class="ad-container">
<h1 class="text-center headtext">Interview Questions</h1>
<form name="interviewForm" ng-if="!showSubmit">
    <p ng-bind="question['Q'+ind]"></p>
    <textarea cols="85" rows="10" placeholder="Write your answer here" ng-model="answer['Q'+ind]"></textarea>
</form>
<md-button style="float:right" class="md-raised md-primary flr8" ng-click="nextQuestion()" ng-if="!showSubmit">NEXT</md-button>
<!--<md-button style="float:right" class="md-raised md-primary flr8"  ng-if="showSubmit">SUBMIT</md-button>-->

<md-card aria-label="Obmondo" class="login-card">
    <form name="info" ng-if="showSubmit">
        <md-card-header class="color2">
            <md-card-header-text>
                <span class="md-title">AKASH</span>
            </md-card-header-text>
        </md-card-header>

        <md-card-content>
            <md-input-container class="md-block">
                <input name="name" ng-model="user.name" type="text" placeholder="Name" ng-required="true">
                <div ng-messages="info.name.$error" role="alert">
                    <div ng-message="required">This is required</div>
                </div>
                <div ng-messages="login.email.$error">
                    <div ng-message="required">This is required.</div>
                </div>
            </md-input-container>
            <md-input-container class="md-block">
                <input name="email" ng-model="user.email" type="email" placeholder="Email (required)" ng-required="true"
                       minlength="4" maxlength="100" ng-pattern="/^.+@.+\..+$/" />
                <div ng-messages="info.email.$error" role="alert">
                    <div ng-message-exp="['required', 'minlength', 'maxlength', 'pattern']">
                        Your email must be between 4 and 100 characters long and look like an e-mail address.
                    </div>
                </div>
                <div ng-messages="info.email.$error">
                    <div ng-message="required">This is required.</div>
                </div>
            </md-input-container>
            <md-input-container class="md-block">
                <input name="phome" ng-model="user.phone" type="tel" placeholder="Phone" ng-required="true">
                <div ng-messages="info.name.$error" role="alert">
                    <div ng-message="required">This is required</div>
                </div>
                <div ng-messages="info.phone.$error">
                    <div ng-message="required">This is required.</div>
                </div>
            </md-input-container>
            <md-button class="md-raised login-btn text-center" type="submit">Submit</md-button>
        </md-card-content>
    </form>
</md-card>

(function () {
'use strict';
angular
    .module('app.interview', [])
    .controller('InterviewController', InterviewController)
    .factory('Interview', Interview);
InterviewController.$inject = ['$scope', 'Interview'];

function InterviewController($scope, Interview) {
    var originatorEv;

    $scope.ind = 1;
    $scope.question = {};

    $scope.nextQuestion = function () {
        if (Object.keys($scope.question).length-1 > $scope.ind){
            $scope.ind++;
        }else {
            $scope.showSubmit = true;
        }
    };


    Interview.fetchQuestion()
        .then(function (response) {
            console.log(response);
            $scope.question = response.data;
        })
        .catch(function () {
            $scope.question = {};
        });
}

Interview.$inject = ['$http'];

function Interview($http) {
    var service = {};
    service.fetchQuestion = fetchQuestion;
    return service;
    function fetchQuestion() {
        return $http.get('/app/interview/questions.json');
    }
}