使用angularjs获取输入值

Coo*_*guy 5 javascript html5 angularjs

我正在实现角度js,并试图获取输入框的值并将其存储到本地存储中.输入由用户输入,它指的是IP地址.

下面是我的HTML代码:

  <div>
    <input ng-model="serverip">
    <input type="button" class="button" value="Apply" ng-click="save()">
  </div>
Run Code Online (Sandbox Code Playgroud)

下面是我的js代码:

.controller('Ctrl', function($scope) {

    $scope.save= function() {
        console.log($scope.serverip);
        localStorage.setItem('serverip', $scope.serverip);
    };
})
Run Code Online (Sandbox Code Playgroud)

为什么通过使用上面的编码,在我将ip地址输入到输入框后,$scope.serverip我得到的总是取消定义?

Kri*_*ján 0

您正确设置ng-app和 了吗ng-controller?这是一个展示您想要的行为的笨蛋。

HTML:

<body ng-controller="Ctrl">
  <div>
    <input ng-model="serverip">
    <input type="button" class="button" value="Apply" ng-click="save()">
  </div>
  <p>
    Saved IP: {{savedip}}
  </p>
</body>
Run Code Online (Sandbox Code Playgroud)

控制器:

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

app.controller('Ctrl', function($scope) {

    $scope.save = function() {
        $scope.savedip = $scope.serverip
    };
})
Run Code Online (Sandbox Code Playgroud)