Javascript 在angular js中将值从一个控件传递到另一个控件
我正在写一个程序来显示文本框中的文本。这是使用angular js完成的。我被困在无法将值从一个控制器传递到另一个控制器的部分。代码如下:Javascript 在angular js中将值从一个控件传递到另一个控件,javascript,angularjs,Javascript,Angularjs,我正在写一个程序来显示文本框中的文本。这是使用angular js完成的。我被困在无法将值从一个控制器传递到另一个控制器的部分。代码如下: <html ng-app="MyApp"> <head> <meta charset="utf-8" /> <title>AngularJS Plunker</title> <script>document.write('<base href="' + document.locat
<html ng-app="MyApp">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
<script data-require="angular.js@1.1.x" src="http://code.angularjs.org/1.1.5/angular.min.js" data-semver="1.1.5"></script>
<script src="app.js"></script>
</head>
<body>
<div class="container">
<div class="box" ng-controller="OutputController">
{{output.text}}
</div>
<div class="row" ng-controller="InputController">
<input class="input-text" ng-model="output.text">
<button class="btnoutput btn-primary" ng-click="onClick()">Click</button>
</div>
</div>
</body>
</html>
到目前为止,当我键入时,值会显示在框内。这是在同一时间。但我只想在单击按钮时显示文本。谢谢在
InputController
的范围内,input
标签上的ng型号
直接绑定到用于在控制器之间共享数据的服务
在输入上创建不同的模型。因此,在您的示例中,您可以使用如下模型:
<input class="input-text" ng-model="inputText">
这样,当您在输入框内键入时,数据将存储在不同的模型中,并且只有当您单击
InputController
@范围内的按钮时,数据才会在OutputController
中更新,即函数以不同的方式写入。我是初学者,所以我对angular js不太了解。提示:
您声明了应用程序
变量,但从未使用过它。尝试用相同的变量替换angular.module(“MyApp”)
。
<input class="input-text" ng-model="inputText">
$scope.onClick = function () {
$scope.output.text = $scope.inputText ;
}