AngularJS-重置$scope.value不';t更改模板中的值(随机行为)

看一看(AngularJS 1.0.1版本)上的示例。有一个简单的应用程序,正在等待输入幸运号码。如果数字等于7,我将幸运数字重置为空。如果我多次输入数字7,幸运数字有时/随机地保留在输入字段中。为什么?这种行为如何解决?谢谢。如果你把 $scope.luckynumber = undefined; 在发出警报之前,您不会消除比赛条件,但您确实会更改它,以便正确清除7,但有时您会收到两次警报 如果警报代码被幂等值替换,比如更改DOM以显示错误,那么这个问题就不重要了。我已经做了一些调试 首先,

AngularJS将html呈现为字符串

在我的web应用程序中,当我转到我的一个url时,angularjs以纯文本形式返回haml模板。 但是如果我转到我的根url,它就可以正常工作。我使用Rails 3.2.13、AngularJS 1.1.4和Haml作为视图 这是我的应用程序/views/layouts/application.html.haml !!! 5 %html{'ng-app' => 'myproject'} %head %title MyProject = favicon_link_tag

Angularjs 如何使用多个参数调用Angular.js过滤器?

从中,我们可以调用如下筛选器: {{ myDateInScope | date: 'yyyy-MM-dd' }} 这里date是一个接受一个参数的筛选器 使用模板和JavaScript代码中的更多参数调用过滤器的语法是什么?在模板中,您可以通过冒号分隔过滤器参数 {{ yourExpression | yourFilter: arg1:arg2:... }} 在Javascript中,您将其称为 $filter('yourFilter')(yourExpression, arg1, arg2

Angularjs 如何在Angular指令中访问dom元素

我正在尝试将keyup事件附加到我的Angular项目中的指令。以下是指令: angular.module('clinicalApp').directive('chatContainer', function() { return { scope: { encounter: '=', count: '=' } templateUrl: 'views/chat.container.html', link: function(scope,

Angularjs 使用自签名证书对服务器进行ajax调用。

我需要对使用自签名证书的服务器进行ajax调用。 在curl中使用--unsecure选项有助于这样做 但是我需要进行ajax调用,就像angular js中的$http请求一样。是否有可以设置的头文件,以便不会出现证书错误。有一种非常黑客的方式,您可以将浏览器指向服务器资源的方向。这将提示您谨慎地继续操作,并且在继续操作时(使用Chrome进行尝试),您对服务器的查询现在应该可以工作了,因为浏览器现在会记住特定的证书是可以使用的。我在上一个使用自签名证书的项目中遇到了这个问题。请看,或者你能举

Angularjs 如何向元素添加属性?

我想知道做这段代码的方法是什么: //html <div ng-app="app"> <div ng-controller="AppCtrl"> <a my-dir ng-repeat="user in users">{{user.name}}</a> </div> </div> //js var app = angular.module('app', []); app.controller

Angularjs 创建;嵌套的;ng单击角度指令的内部

我有一个指令,在调用t.start()时打开引导程序: 我想创建一个按钮,单击它可以调用变量t.start()。有可能吗?我想实现这一点,这样就可以独立于控制器内部的函数,因为这个指令将出现在应用程序的每个视图上,所以如果它能够在自身内部调用一个参数就好了。我试着用一个按钮在指令中创建一个模板,并用t.start()添加一个ng clikc操作,当然失败了,因为控制器不知道变量t,我的指令所在的位置 示例: 假设我有两个视图ShowItems和CreateItem,它们有两个不同的控制器。在这些

Angularjs 双向装订不起作用

我用angular绑定数据时遇到问题。 我的模型: <div id="ng-app-MyApp"> <ng-view></ng-view> </div> index.html: <div> <input type="text" ng-model="nameFilter" /> <div>{{nameFilter}}</div> <table>

Angularjs $scope.formName.fieldName.$setValidity不起作用

当firstname等于lastname时,我想将angular设置为无效,并使用样式将颜色更改为红色 函数RegoController($scope){ $scope.app={ 名字:“Saroj” }; $scope.$watch(“app.lastName”,函数(newVal,oldVal){ 如果(!!$scope.app.lastName&&!!newVal) if(angular.lowercase($scope.app.firstName)==angular.lowercas

引导模式内的AngularJS指令不工作

我在一个单页应用程序中使用AngularJS和Bootstrap。我正在以具有 验证码图像。不幸的是,表单无法正常工作。似乎没有一个ng指令是正确的 被跟踪。当代码不在模态中时,它可以正常工作。我的精简代码如下: 模式: <div class = "modal fade" id = "contact" role ="dialog"> <div class = "modal-dialog"> <div class = "modal-content">

Angularjs $scope变量没有内容

我有控制器和函数getData,如图所示。问题是for循环之外的$scope.results没有内容。在第二个http.get请求中,它包含内容 appControllers.controller('MyaSellerOrderCtrl', ['$scope', '$rootScope', 'Order', '$http', function($scope, $rootScope, Order, $http) { $scope.results = [];

在使用之前,在AngularJS中初始化注入的模块

我有一个模块,里面有一个工厂。当程序启动并传递对象时,此工厂需要初始化一次 目前,我做这个很不优雅。我包含模块,然后在我的mainapp.js的run函数中,调用工厂的初始化方法并将文件传递给它: /* The to be imported module */ angular .module('myModule', []) .factory('myFactory', function () { var setting = null; var my

Angularjs 以角度输入模块值

我试图包括在我的角度应用程序中有用的其他“模型”对象。假设我有两个单独的javascript文件,如下所示。我想在我的教师原型中添加一个“createStudent”函数,并让它调用student构造函数方法。teacher.js如何正确引用student.js?这里注射的方法是什么 仅供参考,我知道有很多方法可以在Angular中包含丰富的对象模型。例如,我现在不想使用restanglar。目前我想让这个非常简单,并希望增加我对角度模块的理解 谢谢 ----------teacher.js--

Angularjs 角度:路由提供者

我在设置路由时遇到问题。我的控制台中出现以下错误。我的文件夹“partials”命名正确,我的文件命名正确。有什么帮助吗 未捕获错误:[$injector:modulerr]$injector/modulerr?p0=demoApp&p1=Error%3…s%2FTOMASJANSZEN%2Fcodinghouse%2FANGRAL%2Fjs%2FANGRAL.min.js%3A17%3A381) 文件 var demoApp=angular.module('demoApp',['']);

Angularjs 角度,使用服务还是工厂?

我试图在模块之间建立一个中间地带,以获得一个自定义url,这样用户可以保存(复制url)状态并与其他用户共享(或返回)。我试图建立一个简单的工作副本,然后我的目标是使它尽可能多态 我现在有一个基本的工作副本,使用url对象存储一些变量(现在在url对象中),然后在加载时在控制器中读取这些变量以更改为所需的状态。例如,我的第一个控制器的顶部是 $scope.test = $location.search().test; 因此,无论url中的test=是什么,它都将设置为$scope.test(

Angularjs 如何将日期筛选器应用于ng select ng repeat?

我有一个嵌套的重复列表,如下所示,我想知道如何将06-27-15(mm-dd-yy)日期格式应用于值 <select ng-model="data.dayId" ng-value="day.id" ng-options="day.id as day.date group by day.name for day in days" required> </select> 尝试以下方法: ng-options="day.id as (day.date | date:'mm-

Angularjs 使用css设置移除列表项的动画

我制作了一个显示/隐藏消息列表的动画。看见但是当一条消息从列表中删除时,我如何调整它来制作动画呢 我的css: .messages-active.messages { max-height: 50px; } .messages { -webkit-transition: max-height 1s; -moz-transition: max-height 1s; -ms-transition: max-height 1s; -o-transition: max-height

如果返回的结果数大于;然后隐藏元素angularjs

我想检测ng repeat循环中返回的结果的数量,如果超过一定数量,则执行代码,例如隐藏HTML标记。所以如果图中的p大于X,那么隐藏一些东西。不知道该怎么做: 以下是我的代码片段: HTML <li ng-repeat="p in pics"> <a href="{{p.link}}" target="_blank"><img ng-src="{{p.images.thumbnail.url}}" /></a> <p>

使用AngularJS的RESTAPI问题

我有一个产品RESTAPI,如下所示。JSON的第一部分帮助获取产品信息,在相同的数据中包含ID为4的产品特性和ID为2943的特性值。完整的代码张贴在末尾 { "products":[ { "id":578, "id_manufacturer":"24", "available_later":"",

Angularjs 禁用ui选择时如何返回ui选择占位符

我使用ui select作为下拉选择,它非常接近示例演示代码。用户界面选择都很好。我现在添加一个“角度材质”复选框。其目的是让复选框启用/禁用下拉选择。我正在将ui select元素的ng disabled属性设置为我在复选框中使用的状态变量。它工作正常,当我取消选中该框时,下拉选择被禁用,当我选中该框时,下拉选择被启用 我希望在禁用下拉选择时返回默认占位符(当尚未选择任何项目时)。也就是说,选择下拉项后,它将显示在ui中,并选择替换默认占位符。当下拉选择被禁用时,我希望占位符替换当前选定的项目

Angularjs ng重复覆盖函数中的属性,但不覆盖视图模型中的属性

我是angular新手,在使用带有ng repeat的自定义指令时遇到问题。我想显示从rest接口获得的一些帖子,然后在指令中使用它们的_id属性用于其他目的。但是,当从函数内部使用时,该属性始终是上次显示的post中的属性(在下面的示例中进行测试)。当试图直接在viewmodel上显示id时,它会显示正确的id。希望这是有意义的。任何帮助都将不胜感激 //directive.js angular.module('app').directive('gnPost', myGnPost); fu

Angularjs 使用typescript rest客户端创建角度服务

我将Angular 1.4.7与typescript一起使用 我有一个自动生成的客户端,在typescript中使用Swagger调用rest服务,如下所示: module API.Client { 'use strict'; export class DefaultApi { ... 我试图通过以下方式使用它: import TDRService = API.Client.DefaultApi; export class ListaTrtController { priv

Angularjs与奇怪的轮询聊天

我用angularjs创建了一个与前端的简单聊天。它的左边有一个简单的索引,包含用户的所有对话,带有一个show(chat\u id)操作,在右侧打开聊天本身,使用轮询获取新消息 执行所述功能的控制器的主要部件: $scope.show = function(id) { $scope.chat = []; $scope.currentConversation = id; var poll = function(){ conversation.get(id).then( fun

AngularJS使用按钮添加/删除过滤器

我从数据库(学生的考试结果)中获得了一些100条记录,并根据一些标准(如科目)过滤结果 <tr ng-repeat="t in search.samplesfilter = ( search.samples | filter:search.searchText | uniqueFilter:'subject' | orderBy:search.sorter:search.reverse) "> 我想添加另一个过滤器,仅显示通过考试的学生 我无法使用单击按钮附加条件 如何使用单

Angularjs 从指令调用控制器

我正在尝试从指令调用控制器……以下是我正在编写的代码 penApp.directive('enpo',function(){ 返回{ 限制:'E', 范围:{ 信息:“=”, dragEvent:“&dragParent” }, templateUrl:'enpo.html', 链接:函数(范围、元素、属性){ var circleDiv=element.find(“.circle”) 可拖放元素({ }) 可拖动的元素({ 手柄:“.circle”, 拖动:函数(事件、ui){ scope.

Angularjs Can';t使用电子和角度键打开文件对话框

我不知道如何从Electron显示“打开文件”对话框 当我使用提供的示例时,我得到一个错误: 错误:无法从“/Users/michaelcalkins/code/codescretcher/assets/js”中找到模块“electron” 我正在使用browserify构建应用程序。我尝试的任何操作都会产生错误 Gulpfile内容: var elixir = require('laravel-elixir') elixir.config.assetsPath = 'assets' eli

使用带有模型类的Web API AngularJS插入新项

我使用AngularJS和Web API创建了一个应用程序。我能够使用web api和js中的参数插入国家记录。但当我使用model类在WebAPI和Angular JS之间传递值时,它不起作用 这是国家班: public class Country { /// <summary> /// Country id /// </summary> public int ID { get; set; } /// <summary&g

Angularjs 如何重复uiSlider的标签?

我在调查页面中使用rzSlider。其中,我的元素位于$scope数组[]。现在我想在此处重复数组中的标签 (很差,很好,满意,很差,很差)而不是(0,1,2,3,4,5)我怎么能 $scope.Rating=['Very Bad','Good','Satisfied','Bad','Very Bad'] $scope.slider = { value : 0, options : {

Angularjs 我需要将参数和查询传递到ui sref

我需要使用带有参数和查询参数的ui sref在angular应用程序上动态构建到另一条路由的链接。例如: <a class="clr-secondary" ui-sref="app.topic.individual.conversation.single ({cid:comment.activityItemId, cid:itemId})">{{comment.subject}}</a> 我还需要在末尾添加一个查询参数,这样整个url看起来就像 www.webs

AngularJS模拟引导uibModal

我将引导UI 1.3.2与AngularJS 1.5一起使用,并尝试正确模拟引导模式上的按钮。我把它放在旧版本的bootstrap UI上,但自从我升级了bootstrap之后,它发生了很大的变化 describe "when answering yes to load timesheets", -> beforeEach(inject ($uibModal) -> # Mock out total function @sco

混合内容:页面位于';URL';已通过HTTPS | AngularJS加载

我正在制作一个应用程序,我想向duckduckgo的API发送$http.get请求,但它们的请求是通过http完成的。看到我的站点是HTTP时,出现以下错误: angular.js:11756 Mixed Content: The page at 'URL' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.duckduckgo.com/'. This request

AngularJs:如何在makepdf中使用web worker

有一个解决方案解释了如何在makepdf中使用web worker。但是,我想知道如何使用requirejs将此解决方案应用于angular。 我曾尝试将ngwebworker与requireJs一起用作示例,但没有成功。有人能帮我吗 编辑: 为了使问题更容易可视化,我将在下面的对话框中编辑不起作用的代码: $scope.exportToPDF = function(){

AngularJS ng点击不';t火

我从json文件动态生成一些a标记,并将它们添加到页面中,如下所示: for(var i = 0; i < currentScene.hotpoints.hotpoint.length; i++) { var hotpoint = currentScene.hotpoints.hotpoint[i]; var pos = hotpoint.pos.split(";"); var x = parseFloat(pos[0]) * multiplierX; var y =

Angularjs 传单指令-全屏显示png

我目前正在从事一个项目,该项目必须在地图上显示geojson数据 我正在为AngularJS使用传单指令,效果很好 我的地图与geojson数据一起正确显示 角度控制器 angular.extend($scope, { intersection: { lat: 50.891, lng: 4.258, zoom: 14 }, defaults: { scrollWheelZoom: false },

Angularjs 角度JS对象未绑定到视图中

这是一个简单的控制器 我正在控制器中创建一个硬编码对象,并希望将其绑定到视图中,我现在这样做的原因是我希望处理此类数据的表示 我无法处理它,因为数据对象属性不会显示在视图中 var app=angular.module('NOL',[]); app.controller('MainController',['$scope',function($scope){ $scope.databOject = { venue:'Hauz Khas Social', date:'23-

Angularjs ng重复未正确复制到

我有ng repeat在不同的模板中工作,但是,我无法让我的album.html模板显示内容。这是我的 app.js ... .state('album', { url: '/album', controller: 'AlbumCtrl as album', templateUrl: '/templates/album.html' }) ... (fu

Angularjs 如何避免在运行时加载所有控制器

我使用require避免在运行时加载所有控制器。但在我的例子中,所有的控制器都是在应用程序启动时加载的 App.js define(['angular', 'angular_route', 'loginController', 'modifierController', 'bootstrap_ui_tpls', 'xeditable' ],function(Angular){ Angular.module('App',['ui.router','App

Angularjs 如何在angular中隐藏下拉列表中的选项

从上面的图片。我的上车时间和下车时间可以通过角度代码看到,这些代码还没有被隐藏。我已经在标签上添加了ng斗篷,但仍然显示相同的内容 我的看法 <label for="">Pick-up Time</label> <select class="selectpicker form-control dropdown-itinerary" ng-model="ItineraryDetails.PickUpTime">

Angularjs 爱奥尼亚-需要电子邮件/密码

我有身份验证我的登录时,错误的电子邮件格式,电子邮件或密码,它将显示一个弹出错误。然而,若并没有在电子邮件和密码中输入任何内容,它将卡在加载页面上。有人有办法吗 login.html <ion-view title="Login" hide-nav-bar="true" hide-back-button="true" id="page6"> <ion-content padding="true" style="background: url(img/fOM24l77Sr

Angularjs ocr-我的图像在tesseract ocr中无法识别

嗨,我目前是Tesseract ocr的新手,我想在拍照时识别我的图像。。我正在使用离子框架来实现这一点。。图像的捕获很好,但当我点击ocr功能按钮时,它什么也没做。。我只是跟着医生进来 这是我的html <ion-view view-title="OCR Testing"> <ion-content padding="true"> <button class="button button-block button-positive" ng-

在AngularJS中将变量值从控制器传递到视图

我正在开发一个应用程序,我弹出一个窗口,当它得到弹出下次我会尝试打开它不应该被打开。下次它应该打开时,我将关闭弹出窗口,然后它应该打开 现在,我正在使用count变量,每当它为1时,弹出窗口就会打开,每当它大于或等于2时,就会显示警报。但是现在当我关闭弹出窗口时,它并没有在视图中将count的值重置为0。 在JSFIDLE中,我尝试使用var self=this;它工作正常,但当我在代码中尝试它时,它说UncaughtExceptionTypeError找不到在self.count=0行定义的属

Angularjs html标记在uib工具提示中不起作用

我也在使用tootlip和trusashtml,但文本显示为字符串,而不是解析为html HTML: $scope.ad = { 'text': 'This attestation is editable only when the <b> Hours of the Accounting Firm of the Issuer </b> section has been enabled for edit. Please click on the Edit <

AngularJS-$compileProvider.preAssignBindingsEnabled不是函数

在我的AngularJS(1.6.10版)应用程序上尝试执行gulp发球时,我收到以下错误消息: 类似的搜索似乎坚持认为这是版本差异。针对这个问题的类似搜索似乎也表明,角度模拟的版本控制存在问题,但是我们根本不使用角度模拟。我已经试着将我的Angular降到1.5.5,其他搜索显示你不能超过——尽管我所有的同事都在Angular 1.6.10或更高版本上运行。我也尝试过使用npm来安装angular Mock,尽管没有使用,并且同步版本以匹配angular Mock,但没有效果。我真的不知道该做

将属性绑定更改为angularjs中的第三方指令

我正在尝试更改传递到第三方指令md icon的属性。 我尝试过授权,但价值没有改变 到目前为止,这就是我所拥有的 angular.module('app').decorator('mdIconDirective', function ($delegate) { let directive = $delegate[0]; let compile = directive.compile; directive.compile = function(el, attrs) { let link

Angularjs 从页面中删除UI网格

我在一个页面中有多个UIgrids。如何优雅地删除网格? 仅仅删除包含uigrid代码的div就足够了吗? 或者在执行删除操作之前,我应该对gridApi执行一些操作。如果使用ng if包装所有要控制的ui网格,该怎么办?您可以通过将ng if设置为false值来删除它们。

无法将数据传递到AngularJS中组件内的控制器

我有以下组件 componentsModule.component('detailComponent', { templateUrl: 'detailTemplate.html', scope: {}, bindings: { textParam: '=' }, controller: ['$mdDialog', function($mdDialog) { this.textParam // this is undefined

  1    2   3   4   5   6  ... 下一页 最后一页 共 1264 页