AngularJs 失去焦点事件

最新推荐文章于 2024-02-16 17:42:45 发布

VIP文章 timelessmemoryli

最新推荐文章于 2024-02-16 17:42:45 发布

阅读量2.8w

点赞数

分类专栏： Angularjs 文章标签： abgularjs blur事件

本文链接：https://blog.csdn.net/u014788227/article/details/49306253

版权

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
    <style>
        body {
            padding-top:30px;
        }
    </style>
    <script src="angular.js"></script>
    <script>
        var app = angular.module('app', []);
        app.controller('Ctrl', function ($scope) {
            //array of edited fields (optional)
            $scope.focusField1 = false;
            $scope.focusField2 = false;

            //handle method for field1 blur
            $scope.doneEditing1 = function () {
                $scope.countedValue = 'Blur from field1: ' + $scope.value1 + ' * ' + $scope.value2 + ' = ' + $scope.value1 * $scope.value2;
            }
            //handle method for field2 blur
            $scope.doneEditing2 = function () {
                $scope.countedValue = 'Blur from field2: ' + $scope.value2 + ' * ' + $scope.value1 + ' = ' + $scope.value1 * $scope.value2;
            }

            $scope.value1 = 1;
            $scope.value2 = 2;
            $scope.countedValue = 'After blur on field change to field1 * field2';
        });
        //focus directive
        app.directive('myFocus', function () {
            return {
                restrict: 'A',

最低0.47元/天解锁文章

timelessmemoryli

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
AngularJs 失去焦点事件

body { padding-top:30px; } var app = angular.module('app', []); app.controller('Ctrl', function ($scope) { //array of edited f
复制链接

扫一扫