1ページに似た入力テキストがあります。私はこの入力からの情報を角度で保存したいので、別のページに移動するときに別の入力テキストに表示することができます。 私はng-modelとng-initコントローラAngularJS - ユーザーが入力したテキストを保存し、別のページに表示する
$scope.userText = $scope.inputText;
で持つ
<input type="text" ng-model="inputText" ng-init="userText">
で試してみました。しかし、動作するようには思えません。 a working plunker hereが表示されます。前もって感謝します！
PS：2ページ（1ページではなく、ルーティング）で行う必要があります。
基本的には、ページを変更すると変数がリセットされます。あなたはlocalstorageを使ってあなたが望むものを達成することができます。
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.saved = localStorage.getItem('userText');
$scope.userText = (localStorage.getItem('userText')!==null) ? $scope.saved : "";
$scope.editText = function(){
localStorage.setItem('userText', $scope.userText);
}
});
PAGE 1：
<head>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<a href="index.html">Home</a>
<a href="anotherpage.html">Another page</a><br><br><br>
<input type="text" ng-model="userText" ng-keyup="editText()">
</html>
PAGE 2：
ここで例にJSを以下10
<head>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<a href="index.html">Home</a>
<a href="anotherpage.html">Another page</a><br><br><br>
<input type="text" ng-model="userText" ng-keyup="editText()">
<h1>This is Another Page!</h1>
</body>
</html>
これを確認してください：http://plnkr.co/edit/eyywQGgWjhC8gS7Wprcw?p=preview
パラメータとしてrootscope/localstorage/URLに格納できます。あなたの目的地ページの値を取得する