Код, относящийся к представлению «Раскрытие информации» (app / views / research / disclosure.html.erb) для исследовательской статьи, находится здесь.

var researchDisclosureApp = angular.module('researchDisclosureApp', []);

researchDisclosureApp.controller('submissionController', ['$scope', function($scope){
    $scope.checkbox = {
        articleCheckbox1 : false
    };
}]);

Мой HTML-код

<div class="container dashboard-container" ng-app="researchDisclosureApp"  ng-controller="submissionController">
  <div class="nra-heading-area">
    <div class="row">
      <div class="col-sm-6">
        <div class="nra-heading">New Research Article</div>
      </div>
      <div class="col-sm-6">
        <a href="/research_guidelines" class="nra-guidelines">Guidelines for Writing Research</a>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>

  <div class="disclosure-right">
    Your article is ready to publish. Please complete the required disclosures below to complete the submission.
  </div>


  <form id="disclosureContianer" name="disclosuresForm">
    <div class="ArticleStep2MainBox">
      <p class="ArticleStep2MainText">1. Please Confirm:</p>
      <div class="ArticleStep2Text01">
        <div class="ChoiceButtonBoxWA">
          <input type="checkbox" checked id="articleCheckbox1" ng-model="checkbox.articleCheckbox1"/>
        </div>
        I have prepared this research note in accordance with Code of Conduct.
        {{checkbox.articleCheckbox1}}
      </div>

Мой результат показывает только ложь без обновления, даже если я сниму или поставлю галочку в разделе {{checkbox.articleCheckbox1}} в веб-интерфейсе

0
dinnu93 22 Мар 2017 в 18:48

2 ответа

Лучший ответ

Похоже, ваш код работает даже с 1.6+, я удалил проверенный атрибут, если вы предоставили ng-модель, он сделает всю работу за вас.

var researchDisclosureApp = angular.module('researchDisclosureApp', []);

researchDisclosureApp.controller('submissionController', ['$scope', function($scope) {
  $scope.checkbox = {
    articleCheckbox1: false
  };
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.js"></script>
<div class="container dashboard-container" ng-app="researchDisclosureApp" ng-controller="submissionController">
  <div class="nra-heading-area">
    <div class="row">
      <div class="col-sm-6">
        <div class="nra-heading">New Research Article</div>
      </div>
      <div class="col-sm-6">
        <a href="/research_guidelines" class="nra-guidelines">Guidelines for Writing Research</a>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>

  <div class="disclosure-right">
    Your article is ready to publish. Please complete the required disclosures below to complete the submission.
  </div>


  <form id="disclosureContianer" name="disclosuresForm">
    <div class="ArticleStep2MainBox">
      <p class="ArticleStep2MainText">1. Please Confirm:</p>
      <div class="ArticleStep2Text01">
        <div class="ChoiceButtonBoxWA">
          <input type="checkbox" id="articleCheckbox1" ng-model="checkbox.articleCheckbox1" />
        </div>
        I have prepared this research note in accordance with Code of Conduct. {{checkbox.articleCheckbox1}}
      </div>
    </div>
  </form>
</div>
0
YoungLearnsToCoding 22 Мар 2017 в 15:55

Если вы хотите, чтобы флажок был установлен по умолчанию, вы можете изменить

<input type="checkbox" checked ng-model="checkbox.articleCheckbox1"/>

Кому:

<input type="checkbox" ng-checked="true" ng-model="checkbox.articleCheckbox1"/>
0
Mistalis 22 Мар 2017 в 15:57