0

我有两个输入字段

input(ng-model='form.firstName', name='firstName', id='familyName')

和

input(ng-model='form.lastName', name='lastName')

我也有一个 textarea 字段

textarea(id='fieldInfo', ng-model='fieldInfo', name='fieldInfo' cols='15', rows='10')

当焦点或光标位于名字输入中时，我想将 TextArea 中的文本更改为“请输入您的名字”，当输入在姓氏输入时将其更改为“请输入您的姓氏”当用户将焦点从名字切换到姓氏和姓氏到名字时，应该能够切换。

任何帮助将不胜感激。

梅尔罗伊

4

2 回答 2

0

如果您使用的是 AngularJS 的稳定 1.0.x 版本之一，那么ng -focus指令将不适合您。但是，我创建了一个有效的 CodePen 示例，说明如何在没有ng-focus指令的情况下执行此操作。

我创建了自己的 on-focus 指令来评估表达式，从而更新 textarea 使用的范围模型。我确信它可以使用一些改进，但这个概念应该仍然适用于您的应用程序。

于 2013-09-25T17:21:46.847 回答
0

如果您使用 angular 1.2.0，则可以使用ngFocus 指令。

在您的控制器中：

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

myApp.controller('MyCtrl', ['$scope', function($scope) {
    $scope.text = "";
}]);

在您看来：

<input type="text" data-ng-model="form.name" ng-focus="text = 'Please enter your first name'" />
<input type="text" data-ng-model="form.last" ng-focus="text = 'Please enter your last name'" /> 

<textarea name="area" id="textarea" cols="30" rows="10"> {{ text }} </textarea>

你可以检查这个小提琴

编辑：错误的小提琴链接

于 2013-09-25T16:45:36.363 回答