angularjs-scope 相关问题

处理 Angular 中页面的多个实例 + 一些其他内容

我正在使用 AngularJS 构建一个新应用程序，下文是对其的简化描述。 有一个页面，其中有药丸和选项卡（使用 Bootstrap）以及侧窗格...

额外嵌套 POJO 树的问题

我可以对模板中非常复杂的 POJO 树做些什么吗？ 例如 我可以对模板中非常复杂的 POJO 树做些什么吗？ 例如 <div important-attr="{{item.another_sub_item_three.lets_go_a_little_dipper.property}} " another-important-attr="{{ item.another_sub_item_three.just_one_more.another-property }}" > </div> 请注意，我无法控制数据结构，它来自旧版 API。 使用 ng-repeat 可能是一个解决方案，但这感觉不对，特别是因为这不是一个集合，它只是一个项目。 <div ng-repeat="prop in item.another_sub_item_three.lets_go_a_little_dipper" important-attr="{{prop.property}}" another-important-attr="{{prop.another-property}}" > </div> 如果您使用 $http 与旧版 API 交互，则可以使用 transformResponse 属性将响应更改为更易于管理的响应。 $http({ method: 'GET', url: '...', transformResponse: function(data) { /* transform data then */ return data } }) 如果您不使用 $http，则代码中可能还有另一个逻辑位置，您可以在 API 响应被模板使用之前对其进行转换。

为什么 AngularJS 形式的 ng-pristine 类总是返回 true

为什么 AngularJS 形式的 ng-pristine 类总是返回 true。 在输入字段中输入一个值并单击按钮，它不会返回 false，而是返回 true。 测试.html 为什么 AngularJS 形式的 ng-pristine 类总是返回 true。 在输入字段中输入一个值并单击按钮，它不会返回 false，而是返回 true。 测试.html <div ng-app="myModule"> <div ng-controller="myController"> <form name="myForm" ng-submit="su()"> <input name="input1" type="text"> <button id="button1" type="submit" >>>>>></button> </form> myForm.$pristine : {{results}} </div> </div> 测试.js var module = angular.module("myModule", []); module.controller("myController", function($scope) { $scope.su = su; $scope.results = "default"; function su() { $scope.results = $scope.myForm.$pristine; } }); 我们需要给表单元素添加 ng-model 属性，这样 pristine 和 dirty 都会更新，之后就可以正常工作了。 Pristine 定义如下 原始： ng-pristine 类表明表单尚未被用户修改。如果用户未修改表单，则返回 true。返回类型：如果用户未修改表单/输入字段，则返回 Boolean True，否则返回 False。 原始肮脏物品 下面的工作示例！ var module = angular.module("myModule", []); module.controller("myController", function($scope) { $scope.su = su; $scope.results = "default"; function su() { $scope.results = $scope.myForm.$pristine; } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.10/angular.min.js"></script> <div ng-app="myModule"> <div ng-controller="myController"> <form name="myForm" ng-submit="su()"> <input name="input1" type="text" ng-model="input1"> <div class="info" ng-show="myForm.input1.$pristine"> Now Pristine </div> <div class="error" ng-show="myForm.input1.$dirty"> Now Dirty </div> <button id="button1" type="submit" >>>>>></button> </form> myForm.$pristine : {{myForm.$pristine}} </div> </div>

AngularJS：根据用户是否获得授权来保护 AngularJS 路由？

我刚刚开始使用我正在开发的 AngularJS 应用程序，一切都很顺利，但我需要一种保护路线的方法，以便用户不会被允许访问该路线，如果不...

为什么 $scope >= 0 在插值中显示 true，而在控制器中显示为空？

我根据成功的操作将 $scope 变量设置为 0 或 1，并使用 ng-show 显示元素。该步骤完成后，我将 $scope 变量重置为空。然而，我发现...

如果为 false 或 null/未定义，则 angularjs 选择元素

我有下面的代码，但如果 s.x.user_chose_is_formula 为 false、null 或未定义（全部在一个选项中），我希望选择“否”。我怎么做？ md-输入-container.values-

下拉列表中的角度数据第二次未设置

我的 Angular 发生了一些奇怪的事情。 我有一个带有编辑按钮的详细信息视图。当我按下编辑按钮时，我将对象传递到编辑视图。在编辑表单上有一些下拉框...

转换为不同时区的数据和时间格式

在jsp页面中从日期选择器中选择日期时，格式如下。 从印度登录时，日期选择器格式如下： 字符串 datestr = "2014 年 1 月 1 日星期三 00:00:00...

Angularjs：打开日历的焦点和月份选择器功能？

如何将打开焦点功能（类似于 Microsoft Windows 7 日历）添加到我的日历中，如我们使用 Angular Material 版本 1.0.1 的演示中所示，请帮助我解决方案。 谢谢广告...

如何删除/清除 ng-change 上的范围变量

我有一个带有 ng-change 事件处理程序的下拉菜单： 人： ... 我有一个带有 ng-change 事件处理程序的下拉菜单： <label>Person:</label> <select class="form-control" ng-model="select" ng-change="change()"> <option value="0">a </option> <option value="1">b </option> <option value="2">c </option> </select> 更改时，我将数组中的数据分配给 $scope.person: $scope.change = function(){ $scope.person = $scope.persons[$scope.select]; }; 数组： $scope.persons = [ {'name': 'Peter'}, {'name': 'John'}, {'name': 'Mark'} ]; 当选择一个人时（例如 $scope.select == 0/Peter），可以通过单选按钮向该人添加值（$scope.person.value）： <label><input type="radio" ng-model="person.value" value="1"> Value 1 </label><br/> <label><input type="radio" ng-model="person.value" value="2"> Value 2</label><br/> <label><input type="radio" ng-model="person.value" value="3"> Value 3</label><br/> 当将值（$scope.person.value）添加到人员时，我更改下拉列表，我想删除/清除该值。因此，当您在下拉列表中重新选择该人时， $scope.person.value 是未定义的。 $scope.change = function(){ //This is not working delete $scope.person; // This is not working either $scope.person.value = ''; $scope.person = $scope.persons[$scope.select]; }; 我想知道如何在更改下拉列表时清除 $scope.person.value 中存储的值。现在，当我重新选择该人时，该变量仍然被定义。 这是一个工作示例。 我认为变量仍然被保存，你应该自己删除该值： $scope.change = function(){ delete $scope.person; $scope.person = ''; $scope.person = $scope.persons[$scope.select]; //Remove the assigned value delete $scope.person.value; }; 你的问题就在这里 $scope.person = $scope.persons[$scope.select]; 当你这样做，然后分配一个“value”属性时，你实际上修改了persons数组中的对象。试试下面， $scope.change = function() { $scope.person = angular.copy($scope.persons[$scope.select]); console.log($scope.person); }; $scope.$watch('person.value', function(n) { console.log(n); }); 正如@Kevin Sanchez所说，你需要从人身上删除value。 像这样delete $scope.person.value； jsfiddle上的实时示例。 var myApp = angular.module('myApp', []); function MyCtrl($scope) { $scope.persons = [{ 'name': 'Peter' }, { 'name': 'John' }, { 'name': 'Mark' }]; $scope.change = function() { if ($scope.person) delete $scope.person.value; $scope.person = $scope.persons[$scope.select]; }; } <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp"> <div ng-controller="MyCtrl"> <label>Person:</label> <select class="form-control" ng-model="select" ng-change="change()"> <option value="0">a</option> <option value="1">b</option> <option value="2">c</option> </select> <br> <br>{{ person }} <br> <br> <label> <input type="radio" ng-model="person.value" value="1">Option 1</label> <br/> <label> <input type="radio" ng-model="person.value" value="2">Option 2</label> <br/> <label> <input type="radio" ng-model="person.value" value="3">Option 3</label> <br/> </div> </div>

ng-click 显示 ng-repeat 上的所有隐藏文本字段，而不是 Angular 中的一个

我开始使用Angular，实现起来非常好。我在 ng-click 中遇到了一个问题。 我正在动态获取数据并使用 ng-repeat 显示，并且我想在

如何从 AngularJS 应用程序中使用的 Angular 组件传递数据？

用例： 我在 AngularJS 应用程序中使用了一个 Angular 组件。该组件将： 发送将编辑 AngularJS 父页面某些方面的 API 调用 在那个 API 调用之后......

除onload外的angular风格应用加载DOM标记后如何触发函数

我需要用基于角度的应用程序显示一个简单的当前时间。所以尝试了一个演示。 在 body onload 函数中执行该函数。 功能

在 MultipleSelection 下拉列表 AngularJS 中显示选定的应用程序置顶

嗨~我有一个应用程序下拉列表，用户可以在其中选择最多 2 个应用程序，我希望选定的应用程序在滚动时始终保持在顶部，因为我需要分配顶部和底部 va...

不同的图像 url 每个配置文件 (ng-repeat)(ng-src)

每次出现个人资料详细信息时，我都希望每个人的个人资料都有不同的图片网址。 但是发生的事情是它只针对 $scope.imgSrc 上的最后一个 url，所以它们都有相同的图片......

console.log 数组对象内的字符串与 angularjs

我想 console.log 或使用 angularjs 定位数组内对象的字符串，但它不起作用。请帮助我，我还是 angularjs 的新手。 这是我正在尝试做的。 我想 console.log 或使用 angularjs 定位数组内对象的字符串，但它不起作用。请帮助我，我还是 angularjs 的新手。 这就是我想要做的。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Profile Details AngularJS 1.X</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.6/angular.js"></script> </head> <body> <div class="container" ng-app="DetailApp"> <div ng-controller="PostController"> </div> </div> <script> var app = angular.module('DetailApp', []); app.controller('PostController', function($scope) { $scope.details = [{firstname: "Dave", lastname: "Del Rio"}, {firstname: "Gerald", lastname: "Kingston"}, {firstname: "Larry", lastname: "Jackson"}]; if ($scope.details.firstname == "Dave Del Rio") { console.log("Hello Dave!") } else { console.log("sorry, You're not welcome!") }; }); </script> </body> </html> 我想在数组对象中定位名字“Dave”，但它根本不起作用。 您可以使用 Array#some 来检查数组中的任何元素是否匹配条件。 if ($scope.details.some(x => x.firstname === 'Dave' && x.lastname === 'Del Rio'))

如何将一个ng-model变量值设置为null？

我有一个输入字段和一个像这样的按钮。

我如何在java脚本中从URL中获取值？

http:/localhost:3000adminparkingairportParkingPriorityUpdatexyz如何用javascript从url中获取 "XYZ "值？

AngularJS表单和nullempty值

我正在使用一个有点动态的AngularJS表单。换句话说，我能够添加输入字段的行等。所以我的方法是用一个$scope.formData空对象开始，来封装所有的......

检测Angular.js ng-change事件中复选框是否已选中

我想检测在单击复选框时是否已选中该复选框。这就是我所拥有的：