0

デモ：

ドロップダウンがあり、オプションは JSON から取得されています。いう

<select ng-model="projectModel" ng-options="project as project.projectName"> 
<option>one</option> 
<option>two</option> 
<option>three</option> 
<option>four</option> 
<option>and so on... </option>
</select>

page1.html と page2.html の 2 つのビューがあります。

page1.html には、次のコードがあります。ユーザーがオプションを選択したときに、上記のオプションを含むボックスを選択します。たとえば、ユーザーは 3 つを選択しました。これはどこかに保存する必要があります。保存する場所がないので、次にユーザーが page2.html をクリックすると、前に page1.html で選択されたデータはリセットされません。

HTML :

<body ng-app="staticSelect">
  <div ng-controller="ddController">
  <form name="myForm">
    <label for="singleSelect"> Single select: </label><br>
    <select name="singleSelect" ng-model="data.singleSelect">
      <option ng-repeat="x in options">{{x}}</option>
    </select><br>
    <tt>singleSelect = {{data.singleSelect}}</tt>
  </form>
</div>
</body>

JS

app.controller('ddController', ['$scope', function($scope) {
    $scope.data = {
     singleSelect: null,
    };
    $scope.options = ["red","blue","yellow"];
 }]);

 app.config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: '01.html',
        controller: 'htmlCtrl',
      })
      .when('/html', {
        templateUrl: '02.html',
        controller: 'htmlCtrl',
      })
 })

どんな助けでも大歓迎です！ありがとう

4

1 に答える 1