如何生成多對數字字段和一個復選框？ （復選框禁用一個數字字段）

Question

我正在嘗試生成多對數字表格和一個復選框。

單擊復選框禁用數字字段 ， 問題是只有第一對在工作。 有人能幫我嗎？

這是我的代碼： addHRGrade.blade.php

@extends('layouts.default')

@section('content')

<!-- opening the form -->
        {{ Form::open(array('url' => 'students/create', 'method' => 'PUT')) }}

        @foreach($students as $stud)
            <ul>
                <li>
                    <!-- Printing the students retrieved from the dataabase -->
                    {{  $stud->LName. " , " .$stud->FName }}
                    <!-- Making a text field for every students -->
                    <div ng-app="" >
                        <input name="grade" id="no_grade" type="checkbox" value="0" ng-model="checked" />
                        <label>No Grade</label>
                        <input name="grade" id="num_grade" type="number" value="65" ng-model="number" ng-disabled="checked"/>
                    </div>  
                </li>   
            </ul>
        @endforeach

        <!-- Save button -->
        <p> {{Form::submit('Save')}} </p>
        <!-- Closing the form -->
        {{ Form::close() }}

@stop

Answer 1

主要問題

您要在每個表格行中聲明一個ng-app="" 。 我認為那不是您想要的。 你應該一切包裝成一個單一的應用程序。 此外，您不會為ngApp和ngController分配任何內容，因此您將無法實現任何進一步的邏輯。

附帶問題

修復主要問題后，您會看到，每個復選框和文本框將顯示相同的值，因為您為每個復選框分別指定了相同的模型。 文本框。

value="65"不會執行任何操作。 您要顯示模型數據，所以要顯示模型數據（啟動時未定義）。 要設置初始值，請使用ng-init="number=65" 。