如何生成多对数字字段和一个复选框？ （复选框禁用一个数字字段）

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" 。