Javascript 如何显示用户'；s选择angularjs中的选项？_Javascript_Html_Angularjs

Javascript 如何显示用户'；s选择angularjs中的选项？

javascript html angularjs

Javascript 如何显示用户'；s选择angularjs中的选项？,javascript,html,angularjs,Javascript,Html,Angularjs,当用户选择一个选项时，如何在段落中显示选项以下是我到目前为止的情况： <select ng-model="model.id" convert-to-number> <option value="0">Soccer</option> <option value="1">Basketball</option> <option value="2">Tennis</option> <option

当用户选择一个选项时，如何在段落中显示选项

以下是我到目前为止的情况：

<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> Your choice is {{ yourModel }} </p>

(function() {
    "use strict";

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

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

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

}());

Habe youb尝试了{{model.id}是的，它没有显示@Eliyakonzothat sad。。。我正在使用ui select，也许这就解释了为什么我没有感觉到你的痛苦。@Python\u很棒，试一试，让我们知道你的问题中有什么问题，如果我们不知道你遇到了什么错误，很难判断。@Python\u很棒，给我们看看你的控制器文件，还有显示了什么？空白、绑定表达式{{some value}}或错误？@Python_很好在这种情况下，有界值是1，因为这就是我初始化它的原因（即篮球）。注意：它在开始时有空白条目，您可以在这里查阅

<!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>

(function() {
    "use strict";

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

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

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

}());