angularjs 相关问题

用于关于开源JavaScript框架AngularJS（1.x）的问题。不要将此标记用于Angular 2或更高版本;相反，使用[angular]标签。

我使用 Angular JS 结合 Angular ui 在我的网站中显示模式窗口。超文本标记语言 <div class="modal-header text-center"&...</desc> <question vote="6"> <p>我使用 Angular JS 结合 Angular ui 在我的网站中显示模式窗口。 <strong>HTML</strong></p> <pre><code><script type="text/ng-template" id="myModalContent.html"> <div class="modal-header text-center"> <h3 class="modal-title" id="modal-title">Jump to page</h3> </div> <div class="modal-body text-center" id="modal-body"> <input type="number" ng-model="info.page" class="text-center" ng-enter="ok()" ng-min="{{info.min}}" ng-max="{{info.max}}" /> <div>MAX: {{info.max}}</div> <div>MIN: {{info.min}}</div> <button class="btn btn-primary" type="button" ng-click="ok()" style="margin-top: 20px;">OK</button> </div> </script> </code></pre> <p>用户必须填写 <pre><code>info.max</code></pre> 至 <pre><code>info.min</code></pre> 范围内的输入数字。</p> <p>这里是相关的角度代码 - 触发模态窗口打开：</p> <pre><code>function gotoPageDialog(fileNo, current, max) { var modalInstance = $uibModal.open({ templateUrl: 'myModalContent.html', controller: 'ModalInstanceCtrl', size: 'sm', resolve: { current_info: function() { return { fileNo: fileNo, page: current, max: max, min: 1 } } } }); modalInstance.result.then(function(result) { //... }; } } </code></pre> <p>模态窗口本身：</p> <pre><code>app.controller('ModalInstanceCtrl', function($scope, $uibModalInstance, current_info) { $scope.info = current_info; $scope.ok = function() { $uibModalInstance.close($scope.info); }; $scope.cancel = function() { $uibModalInstance.dismiss('cancel'); }; }); </code></pre> <p>结果是：</p> <p><a href="https://i.stack.imgur.com/RgtSY.jpg" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1JndFNZLmpwZw==" alt=""/></a></p> <p>输入值为“-1”，这意味着<pre><code>ng-min</code></pre>和<pre><code>ng-max</code></pre>范围不起作用。</p> <p>我做错了什么？</p> <p>谢谢你。</p> </question> <answer tick="true" vote="14"> <p>将 <pre><code>ng-min</code></pre> 和 <pre><code>ng-max</code></pre> 更改为 </p> <pre><code>min="{{info.min}}" max="{{info.max}}" </code></pre> </answer> <answer tick="false" vote="3"> <p>将您的 <pre><code>ng-min</code></pre> 和 <pre><code>ng-max</code></pre> 语法更改为 </p> <p><pre><code>ng-min="{{info.min}}"</code></pre></p> <p><pre><code>ng-max="{{info.max}}"</code></pre></p> </answer> <answer tick="false" vote="1"> <p>我使用了以下语法：</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><input type="number" ng-min="minQuantity" ng-max="maxQuantity"></code></pre> </div> </div> <p></p> <p>其中 minQuantity 和 maxQuantity 是 $scope 上的属性</p> </answer> </body></html>

javascript angularjs

回答 0 投票 0

Angular 如何设置输入类型文件的样式

我已经看到了很多关于输入类型文件样式的问题，但我找不到以角度来做它。那么如何在 Angular 应用程序中设置输入类型文件的样式呢？这是我里面的代码......

javascript jquery html angularjs

回答 3 投票 0

如何使用 NgBootstrap 和 FormsModule 在 Angular 中显示模态弹出表单

我将不胜感激任何支持我正在尝试使用 NgBootstrap 和 FormsModule 在 Angular 中显示模态弹出表单，但未导入模块 NgbModule。我有：节点 16.15.1 命令行15.1.5 核心 15....

javascript reactjs angular angularjs typescript

回答 1 投票 0

如何使用javascript改变变换过渡，使一系列图像均匀水平滑动

我正在尝试从右向左滑动一系列图像，并且我希望相同的图像无限且均匀地重复滑动。例如，如果 1、2、3、4、5 是图像当第一张幻灯片发生时，

javascript reactjs angularjs vue.js svelte

回答 1 投票 0

为什么我的gridOptions（ng-grid）中的“data”参数总是为空？

这个命令...即， $http.get('http://localhost:8084/nggridtest/tasks') .success(函数(数据) { 警报（JSON.stringify（数据））； $scope.tasks = 数据； // <=== not wo...

javascript java angularjs spring-mvc

回答 1 投票 0

显示“类型 '() => void' 上不存在属性 'emit'”，但我包含了 EventEmitter 类

我正在制作一个基本的 Angular JS 网页，并面临有关发射功能的问题这是app.component.ts 从 '@angular/core' 导入 { Component } ；从 '../shared/models/

angularjs web

回答 1 投票 0

拦截器在 Angular 17 中不进行拦截

我正在通过课程学习角度，目前我正在学习拦截器。课程中的角度版本不是 17，但我在本地使用的版本是。所以，在第一次尝试导入之后...

angular angularjs angular-http angular-http-interceptors angular-httpclient-interceptors

回答 1 投票 0

在调试模式下运行Gojs-Angular

任何人都可以解释一下在调试模式下运行 Gojs-Angular 的步骤吗？ Gojs 文档解释了如何使用原始 gojs 调试文件。但如果项目是 Gojs-Angular Typescript。我们怎样才能...

angularjs typescript webpack gojs

回答 1 投票 0

如何删除在 AngularJS 中单击提交表单时弹出的“请填写此字段”，但其他验证应该有效

我想删除“请填写此字段”弹出窗口作为验证，并应显示声明的正常验证。网页：我想删除“请填写此字段”弹出窗口作为验证，并应显示声明的正常验证。 HTML： <div class="panel-body"> <form role="form" id="createForm" v name="createForm" ng-submit="createAdminGroup(adminGroupData)"> <div class="form-group" ng-class="{ 'has-error' : createForm.firstName.$invalid && !createForm.firstName.$pristine}"> <label class="label1">First Name</label> <input name="firstName" id="firstName" class="form-control" placeholder="First Name" name="firstName" type="text" ng-model="adminGroupData.firstName " required/> <span style="color:red" ng-show="createForm.firstName.$invalid && !createForm.firstName.$pristine">Please enter first name</span> </div> <div class="form-group"> <label class="label1">Last Name </label> <input name="lastName" id="lastName" class="form-control" placeholder="Last Name" name="lastNmae" type="text" ng-model="adminGroupData.lastName" /> </div> <div class="form-group"> <label class="label1"> Email Id </label> <input type="email" name="email" id="email" class="form-control" placeholder="[email protected]" value=""ng-model="adminGroupData.email"/> </div> <div class="form-group"> <label class="label1"> Password </label> <input name="password" id="password" class="form-control" placeholder="password" value="" ng-model="adminGroupData.password" /> </div> <button name="submit" type="submit" class="btn btn-success" id="" ng-disabled="userForm.$invalid">Save</button> <button class="btn btn-default" id="cancel" type="button" onclick='handleCancelCreateAdmin()'> Back </button> </form> </div> 将 novalidate 属性添加到您的 form 以禁用浏览器默认验证对于前任 <form role="form" novalidate id="createForm" v name="createForm" ng-submit="createAdminGroup(adminGroupData)"> Find more here 在提交按钮中添加属性 formnovalidate：示例： <button name="submit" type="submit" formnovalidate class="btn btn-success">Save</button> 这将仅禁用浏览器表单验证。您仍然可以通过 AngularJS 代码进行验证。您可以在此处查看 W3C 规范我几天前也遇到了同样的问题，这就是我设法解决的方法我刚刚尝试过这个并且有效： oninvalid="this.setCustomValidity(' ')" oninput="this.setCustomValidity('')" > 我在两个单引号之间添加了一个空格。由于我在输入字段中添加了引导工具提示并且是必需的，因此无效的输入将成为焦点并显示工具提示值。这比我想象的要简单。标题=“” 即使输入超出表单范围，工具提示也会出现，并且在这些情况下它不起作用 novalidate。一个解决方案是删除 required，但如果您有很大的代码库，那么快速破解将是添加 title=""。 <input type="text" required title="" /> 那个字符串是从哪里来的，我需要用法语。

javascript jquery html angularjs validation

回答 5 投票 0

如何使用 Angular 17 独立版注册 NGRX ProvideEffects？

我是 Angular 17 的新手，关于如何将 NGRX 与新的独立模块或组件一起使用的文档非常有限。我已经安装了 ngrx 效果： npm 安装@ngrx/effects 但现在因为我的

angular angularjs ngrx ngrx-effects angular17

回答 1 投票 0

混合 AngularJS 和 Angular17+ 应用程序

我正在尝试在混合设置中并行运行 Angularjs 和 Angular17+。我遵循所有准则并创建了一个自定义 webpack 配置，以便能够打包我的 angularjs 文件和我的 Angular 文件....

javascript angular angularjs migration

回答 1 投票 0

Angular 独立组件未正确导入，正确导入后，在 html 上不显示任何内容

所以我对 Angular 还很陌生，目前我正在使用 Firebase 等进行克隆。因此，Angular 向我抛出了两个错误：组件AppComponent是独立的，不能被分解...

angular angularjs typescript web

回答 1 投票 0

如何在角度11中的navigateByUrl()中传递和使用额外内容？

我正在使用navigateByUrl方法传递数据，并希望在目标组件ngOnInit（）内访问它。 this._router.navigateByUrl(${baseUrl}?${previousFilter}, { state: {from:'details-page'} ...

angular angularjs angularjs-directive angular-ui-router

回答 1 投票 0

延迟加载角度404路径

当我使用正常路径时，我遇到角度延迟加载问题，它正在工作，但我无法访问子路径这就是我所做的：我在应用程序路由模块中的父代码： { 路径：'报告...

angular angularjs http-status-code-404

回答 1 投票 0

角度表达式 {{::}} 内的两个冒号是什么意思？

有什么区别： {{::办公室名称}} 和 {{办公室.名称}} 在 AngularJS 中？

javascript angularjs

回答 2 投票 0

在AngularJS中如何使用datalist

html angularjs html-datalist

回答 2 投票 0

如何防止变量值重置？

在子组件中滚动表格时会触发以下 setData 函数， this.buttonDisabled:boolean = true; setData（值：布尔值）{ this.name = 值；这个.buttonDi...

angular angularjs

回答 1 投票 0

如何在Python的Flask中识别通过AJAX发出的请求？

我想检测浏览器是否通过 AJAX (AngularJS) 发出请求，以便我可以返回 JSON 数组，或者是否必须渲染模板。我该怎么做？

python ajax angularjs flask

回答 4 投票 0

选择，AngularJS 中的默认值

嘿，我在选择中设置默认值时遇到问题，当我设置内部数组对象时，问题就开始了。我该如何解决这个问题？超文本标记语言 < 嘿，我在选择中设置默认值时遇到问题，当我设置内部数组对象时，问题就开始了。我该如何解决这个问题？？ HTML <div ng-app="select" ng-controller="checking"> <select ng-model="lala" ng-options="item.name for item in arrayName"> </select> </div> JavaScript var app = angular.module('select', []); app.controller('checking', ($scope)=> { $scope.arrayName = [{'name':'first'}, {'name':'second'}, {'name':'third'}]; $scope.lala = "first"; }); https://codepen.io/Turqus/pen/EbvGzv?editors=1111 您需要做的就是更改您的 ng-options 以包含 select as <select ng-model="lala" ng-options="item.name as item.name for item in arrayName"> var app = angular.module('select', []); app.controller('checking', function($scope) { $scope.arrayName = [{ 'name': 'first' }, { 'name': 'second' }, { 'name': 'third' }]; $scope.lala = 'first'; }); <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="select" ng-controller="checking"> <select ng-model="lala" ng-options="item.name as item.name for item in arrayName"></select> <p>Value of lala: <b>{{lala}}</b></p> </div> 您可以尝试下面的示例，您必须更改数组位 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <div ng-app="myApp" ng-controller="myCtrl"> <select ng-model="prop.value" ng-options="v for v in prop.values"> </select> </div> <script> var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.prop = { "type": "select", "name": "Service", "value": "first", "values": ['first','second','third'] }; }); </script> 你可以通过使用 ng-init 来实现它，如下所示 <div ng-app="select" ng-controller="checking"> <select ng-init="lala = arrayName[0]" ng-model="lala" ng-options="item.name for item in arrayName" > </select> </div> <script> var app = angular.module('select', []); app.controller('checking', ($scope)=> { $scope.arrayName = [{'name':'first'}, {'name':'second'}, {'name':'third'}]; $scope.lala = "first"; }); <script> 这是 codepen 示例，希望它能有所帮助。我认为你只需要像这样分配 ng-model 。 $scope.lala = $scope.arrayName[0]; 这是您的代码笔链接 var app = angular.module('select', []); app.controller('checking', ($scope)=> { $scope.arrayName = [{'name':'first'}, {'name':'second'}, {'name':'third'}]; $scope.lala = $scope.arrayName[0].name; });

angularjs

回答 5 投票 0

从 $http GET 获取的 HTML 数据在 Angular.js 中无法正确显示

我定义了一个这样的控制器： app.controller("home", function ($scope, $http, $common) { $http({ 方法：“获取”， url: '/posts/loadData' }).然后(

angularjs

回答 2 投票 0

angularjs 相关问题

最新问题