chgbj 2023-11-20 10:19 采纳率: 6.3%
浏览 16
已结题

angular js 设置输入框是否可编辑

img


怎么做到针对一行，当检查结果选择“其他”时，实测值这一行可编辑，当检查结果选择其他值时，实测值这一栏不可编辑

  • 写回答

16条回答

  • threenewbee 2023-11-20 10:23
    关注
    获得0.75元问题酬金 
    <html ng-app="app">
<head>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.js">
</script>
</head>
<body ng-controller="ctrl">
    <input type="number" ng-model="input1" ng-change="calc()"/> + <input type="number" ng-model="input2" ng-change="calc()"/> = <input type="number" ng-model="result" ng-change="recalc()" />
</body>

<script type="text/javascript">

  angular.module('app',[]).controller('ctrl',function($scope){

    
    $scope.recalc = function(){

      $scope.input1 = $scope.result - $scope.input2;

    };

    $scope.calc = function(){
      $scope.result = $scope.input1 + $scope.input2;
    }

  });

</script>
</html>
    评论

报告相同问题？

  • 【前端开发】Angular.js从入门到精通
    2025-08-10 19:44
    大雨淅淅的博客 摘要： 本文系统介绍了Angular.js框架的学习与应用。从开发环境配置（Node.js、Angular CLI、IDE）到核心概念（MVC/MVVM模式、双向数据绑定、依赖注入），再到指令与组件的实践（内置指令、自定义指令、组件化开发）...
  • 前端Angular.js服务与工厂的使用方法
    2025-04-23 09:36
    AI架构全栈开发实战笔记的博客 在前端开发中，Angular.js是一个非常流行的JavaScript框架，它提供了强大的功能来构建动态Web应用程序。服务和工厂是Angular.js中用于实现模块化和代码复用的重要概念。本文的目的是详细介绍Angular.js中服务和工厂...
  • 前端领域中Angular.js的开发规范与标准
    2025-04-20 22:25
    AI架构全栈开发实战笔记的博客 在前端开发的广阔领域中，Angular.js作为一款功能强大且广泛应用的JavaScript框架，为开发者提供了高效构建动态Web应用的能力。制定Angular.js的开发规范与标准的目的在于提高代码的可读性、可维护性和可扩展性，...
  • 前端 Angular.js 模板语法的详细介绍
    2025-04-17 03:23
    AI实战架构笔记的博客 本文旨在为前端开发者提供一份全面的Angular.js模板语法指南。数据绑定机制内置指令系统自定义指令开发过滤器使用和创建模板表达式和语句表单处理性能优化技巧本文不涉及Angular(2+)版本的语法，专注于经典的Angular...
  • 前端模拟实现可编辑的表格table插件
    2023-11-03 10:04
    在前端开发中，创建可编辑的表格是一种常见的需求，它能提供用户友好的交互体验，让用户可以直接在网页上修改数据。本教程将详细介绍如何在前端模拟实现一个可编辑的表格table插件，涵盖核心概念、技术选型以及实现...
  • 深入研究Angular.js的前端数据绑定优化
    2025-05-24 01:57
    AI架构全栈开发实战笔记的博客 Angular.js作为前端MVVM框架的“开山鼻祖”，凭借双向数据绑定的特性（视图变更自动同步到模型，模型变更自动更新视图）彻底改变了前端开发模式。但随着应用复杂度提升，数据绑定的性能问题逐渐显现：页面卡顿、响应...
  • 前端使用 Angular.js 实现动态表单的技巧
    2025-04-19 00:06
    AI实战架构笔记的博客 本文的目的就是详细介绍如何使用 Angular.js 这个强大的前端框架来实现动态表单。范围涵盖了从基本概念的讲解到具体代码的实现，以及实际应用场景和相关资源的推荐，帮助开发者全面掌握使用 Angular.js 实现动态表单...
  • 前端组件设计：基于Angular的组件设计要点
    2025-06-11 14:32
    AI实战架构笔记的博客 本文的目的就是帮助开发者了解基于Angular的组件设计要点，掌握如何设计出高质量、可复用的组件。我们将涵盖从基础概念到实际应用的各个方面，包括组件的结构、数据绑定、生命周期钩子等。本文将首先介绍与Angular...
  • Angular 5 WebSocket 聊天室_前端
    2018-02-28 19:50
    **Angular 5 WebSocket 聊天室：前端技术详解** 在现代Web开发中，实时通信已经成为了一项重要的需求，而WebSocket技术为此提供了完美的解决方案。在这个Angular 5的聊天室项目中，我们看到了如何利用WebSocket来...
  • Angular.js 在前端企业级项目中的应用
    2025-04-26 11:25
    AI架构全栈开发实战笔记的博客 Angular.js 作为一款流行的前端 JavaScript 框架，为解决这些问题提供了有效的方案。本文的目的是深入探讨 Angular.js 在前端企业级项目中的应用，详细介绍其核心概念、算法原理、实际应用场景等内容，帮助开发者更...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 11月28日
  • 创建了问题 11月20日