「已注销」 2016-03-31 01:52 采纳率: 0%
浏览 7105

有谁用过angularjs，怎么获取一个id的值

input标签中有一个id，我怎么总angularjs取得这个id的值呢

  • 写回答

2条回答 默认 最新

  • danielinbiti 2016-03-31 02:37
    关注
     <body onload='test()'>

<div ng-app="myApp" ng-controller="formCtrl">
    <input type="text" id='aaaa' ng-model="user.firstName"><br>
    <button ng-click="showvalue()">获取</button>
</div>

<script>
    function test(){          
        alert(document.getElementById('aaaa').value);
    }
var app = angular.module('myApp', []);
app.controller('formCtrl', function($scope) {
    $scope.master = {firstName:"John1", lastName:"Doe"};
    $scope.showvalue = function() {
         alert($scope.user.firstName);
    };
    $scope.user = angular.copy($scope.master);
});
</script>
    评论

报告相同问题？

  • Jquery和angularjs获取check框选中的值的方法汇总
    2020-10-22 23:27
    总结而言，无论是使用jQuery还是AngularJS，获取复选框选中的值都是前端开发中一个基础且常见的需求。jQuery通过操作DOM元素和属性来实现，而AngularJS则通过数据绑定、指令和控制器的联动来实现。两者各有优势，...
  • Angularjs 实现一个幻灯片示例代码
    2020-10-21 13:50
    在本文中，我们将探讨如何使用AngularJS来创建一个幻灯片展示功能。这个功能可以让用户以滑动的形式浏览一系列图片或内容，常见于网站的首页或产品展示区域。 首先，为了实现幻灯片功能，我们需要安装`...
  • AngularJS动态生成div的ID源码解析
    2020-10-21 15:10
    AngularJS是Google开发的一个开源前端JavaScript框架，它允许开发者使用MVW（Model-View-Whatever）模式来构建应用。AngularJS中动态生成元素属性和内容是一个常见的操作，比如动态生成div元素的ID。理解如何在...
  • angularjs获取页面中checkbox的值的一个小问题
    2018-01-10 14:57
    kingdoooom的博客 之前主要做的后端开发，对于前端也略懂一点，在使用angularjs在页面中添加一个checkbox，javascript中需要获取到该checkbox的值后做进一步的逻辑判断 1.在html中（或者jade文件中）添加checkbox复选框 2.在js...
  • AngularJs点击状态值改变背景色的实例
    2020-10-18 21:42
    AngularJS 是一个强大的前端开发框架，由Google维护，用于构建单页应用（SPA）。它通过数据绑定和依赖注入来简化HTML页面与JavaScript代码之间的交互。 2. **ng-app 和 ng-controller**： 在HTML代码中，`ng-app`...
  • 疯狂前端开发讲义 jQuery AngularJS Bootstrap前端开发实战
    2019-05-08 14:35
    jQuery是由John Resig在2006年创建的一个JavaScript库，它简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。jQuery的核心优势在于其简洁的API和强大的功能，使得开发者能够用更少的代码完成更多的工作。 ...
  • Angularjs 获取checkbox所有选中的值
    2017-06-02 16:46
    麦栗的博客 <li><input type="checkbox" ng-checked="isSelected(d.id) || select_all" ng-click="updateSelection($event, d.id)"> js代码 $scope.data = { id: 1, id: 2, id: 3, id: 4 } $...
  • ToDos:一个使用 AngularJS 的简单 todo web 应用程序
    2021-06-08 21:39
    AngularJS 是一个由 Google 维护的前端 JavaScript 框架，它提供了丰富的功能来构建动态、交互式的 Web 应用程序。在 `ToDos` 应用中，用户可以创建、编辑和删除待办事项，从而体验到 AngularJS 的数据绑定、指令和...
  • angularjs过滤器--filter与ng-repeat配合有奇效
    2020-10-20 00:02
    AngularJS是一个开源的前端框架，由Google支持，广泛用于开发动态Web应用程序。它通过引入双向数据绑定、依赖注入等特性，简化了网页和应用开发。 **ng-repeat指令**是AngularJS中用于重复操作的指令，可以基于一个...
  • AngularJS获取json数据的方法详解
    2020-12-12 03:10
    学习了这么多天的AngularJS，今天想从实战的角度和大家分享一个简单的Demo–用户查询系统，以巩固之前所学知识。功能需求需要满足两点 1.查询所有用户信息，并在前端展示 2.根据id查询用户信息，展示在前端。Ok，...
  • 没有解决我的问题, 去提问