HTMLのlocalStorageのデータを使用する

詳細設定ページを使用する。私は、選択したラジオバトンに応じて、ユニットの名前を変更します（ユニット自体はクエリ（！）で異なります）。例：HTMLのlocalStorageのデータを使用する

$scope.savecity=function(){ 
 
       localStorage["var"]=$scope.username; 
 
       localStorage["SystemOfNumbers"]=$scope.SystemOfNumbers;

<label> 
 
     <input type="radio" ng-model="SystemOfNumbers" value="metric"> 
 
     Metric 
 
    </label> 
 
     <label> 
 
     <input type="radio" ng-model="SystemOfNumbers" value="imperial"> 
 
     Imperial 
 
    </label><br/> 
 

 
    <button ng-click='savecity()'>Submit</button>

$scope.savecity=function(){ 
      localStorage["var"]=$scope.username; 
      localStorage["SystemOfNumbers"]=$scope.SystemOfNumbers; 
      if (localStorage[SystemOfNumbers]="metrical"){ 
       localStorage["icon"]="°C" 
      } 
      else { 
       localStorage["icon"]="°F" 
      } 
}

そしてpopup.html：

{{vm.data.list[0].temp.day}}{{localStorage["icon"]}}

ある

、セレクタが活性化され、Tの方法を変更します表示単位は変更されません。

出典：回答http://zalil.su/9855055

出典

2016-11-20 Dmitry

のlocalStorageには、「ウィンドウプロパティではない角度範囲のプロパティのことができそうです'$ scope.localStorage = localStorage'のようなことをしない限り、ビュー内にグローバルウィンドウプロパティを直接配置しないでください。ストレージの値をスコープに追加するときれいになります – charlietfl

：あなたはオプションページ上の都市名を入力することができます（ただし、英語onle）

(function(angular) { 
 
    'use strict'; 
 
angular.module('scopeExample', []) 
 
    .controller('MyController', ['$scope', function($scope) { 
 
    $scope.username = ''; 
 

 
    $scope.sayHello = function() { 
 
     $scope.greeting = 'Hello ' + $scope.username + '!'; 
 
    }; 
 
    $scope.savecity=function(){ 
 
       localStorage["var"]=$scope.username; 
 
       localStorage["SystemOfNumbers"]=$scope.SystemOfNumbers; 
 

 
    }; 
 

 
    }]); 
 
})(window.angular);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.min.js"></script> 
 
-<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Angular JS</title> 
 
    <link rel="stylesheet" type="text/css" href="style.css"> 
 
    <script src="angular.min.js"></script> 
 
    <script src="weather 2.js"></script> 
 
    </head> 
 
    <body ng-app="scopeExample"> 
 
    <div ng-controller="MyController"> 
 
    Enter city name: 
 
     <input type="text" ng-model="username"> 
 

 
    <label> 
 
     <input type="radio" ng-model="SystemOfNumbers" value="metric"> 
 
     Metric 
 
    </label> 
 
     <label> 
 
     <input type="radio" ng-model="SystemOfNumbers" value="imperial"> 
 
     Imperial 
 
    </label><br/> 
 
    
 
    <button ng-click='savecity()'>greet</button> 
 

 
    <a href="popup.html">Назад</a> 
 
     </div> 
 
    </body> 
 
    </html>

出典

2016-11-22 17:52:20 Dmitry

HTMLのlocalStorageのデータを使用する

答えて

関連する問題