Question

AngularJs中的新功能。发现它复杂一点。我创建了两个文本框和一个按钮。现在我想，首先我会在第一个文本框中写一些内容。然后我会点击按钮。之后，第一个文本框的值将显示在第二个文本框内。我写了很少的代码，我甚至没有提到按钮点击功能，因为我很困惑。请帮助我走得更远。

<script src="../../Scripts/angular.min.js" type="text/javascript"></script>
</head>
<body>
    <div ng-app="">
        <input type="text" ng-model="type">
        <br />
        <br />
        <input type="button" value="button" onclick="myFunction()" />
        <br />
        <br />
        <input type="text" ng-model="display" />
    </div>
</body>

Answer 1

在您的控制器中，

$scope.myFunction = function () {
    $scope.display = $scope.type;
}

在你的html中，你必须改变onclick到ng-click，

<input type="button" value="button" ng-click="myFunction()" />

请参阅此插件，例如http://plnkr.co/edit/c5Ho1jlixwZFx7pLFm9D?p=preview

Answer 2

检查您是否在HTML中包含了角度js文件。

//在HTML标题中添加以下代码段

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">     </script>

在按钮单击时使用AngularJs在另一个文本框中显示文本框的值

2 个答案: