如何在angularjs中显示用户的选择？

Question

如何在段落中显示选项

当用户选择其中一个选项时？

这是我到目前为止所拥有的：

<select ng-model="model.id" convert-to-number>
  <option value="0">Soccer</option>
  <option value="1">Basketball</option>
  <option value="2">Tennis</option>
  <option value="3">Baseball</option>
 </select>

 <p> Your choice is [user's choice goes here]! </p>

基本上，我如何让它在<p>显示用户的选择？ 我怎么把它放在那里？

如果语句，开关，追加？ 我一直被困在如何做到这一点

控制器：

.run(function($rootScope) {
  $rootScope.model = { id: 2 };
})
.directive('convertToNumber', function() {
  return {
    require: 'ngModel',
    link: function(scope, element, attrs, ngModel) {
      ngModel.$parsers.push(function(val) {
        return parseInt(val, 10);
      });
      ngModel.$formatters.push(function(val) {
        return '' + val;
      });
    }
  };
});

Answer 1

您只需使用绑定表达式{{ }} bind其bind到model 。

<p> Your choice is {{ yourModel }} </p>

这是一种方式绑定，如果你需要两种方式绑定，那么你可以使用ng-model来绑定它。

我做了一个简单的例子，我设法让它绑定。

HTML

<!DOCTYPE html>
<html ng-app="app">

<head>
  <link rel="stylesheet" href="style.css" />
  <script data-require="angular.js@1.4.1" data-semver="1.4.1" src="https://code.angularjs.org/1.4.1/angular.js"></script>
  <script src="script.js"></script>
</head>

<body ng-controller="MainController">
  <select ng-model="model.id" convert-to-number="" selected="selected">
    <option value="0">Soccer</option>
    <option value="1">Basketball</option>
    <option value="2">Tennis</option>
    <option value="3">Baseball</option>
  </select>
  <p> Your choice is {{ model.id }}! </p>
</body>

</html>

JS

(function() {
    "use strict";

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

    app.controller("MainController", ["$scope", MainController]);

    function MainController($scope) {
         $scope.model = {
           id: 1
         };
    }

}());

如何在angularjs中显示用户的选择？

问题描述

1 个解决方案

解决方案1
0 2015-06-28 03:23:30

如何在angularjs中显示用户的选择？

问题描述

1 个解决方案

解决方案1 0 2015-06-28 03:23:30

解决方案1
0 2015-06-28 03:23:30