【Angular.JS利用ng-disabled属性和ng-model实现禁用button效果】教程文章相关的互联网学习教程文章

javascript – Bootstrap数据幻灯片属性与angularJS冲突【代码】

我使用tweeter bootstrap并排我的角度项目,使用数据滑动属性为tweeter轮播:<a class="carousel-control left" href="#masthead-carousel" data-slide="prev"><i class="fa fa-reply"></i></a>导致浏览器控制台中出现angularJS错误Error: [$compile:ctreq] http://errors.angularjs.org/1.2.17/$compile/ctreq?p0=carousel&p1=slideat Error (native)at http://localhost:9000/assets/js/angular/1.2/angular.min.js:6:450at D (ht...

javascript – 将Bootstrap单选按钮绑定到Angular属性【代码】

我有一个麻烦,让引导无线电盒选择绑定到角度属性. 这是我拥有的,它不起作用. HTML BOOTSTRAP<div class="btn-group" data-toggle="buttons"><label class="btn btn-success active"><input type="radio" value="bill" ng-model="newItemType" name="options" id="option1" autocomplete="off" checked> Insert New Bill <span class="glyphicon glyphicon-file"></span> </label><label" class="btn btn-success "><input type="ra...

javascript – 未评估的angular指令属性【代码】

我试过了here提到的答案,但没有运气(我正在使用angularjs 1.3).我的问题是两部分 1)尽管在范围内使用了’=(参见下面的代码),但复杂属性不会作为对象传递 2)应该评估以提供单向绑定的函数也作为字符串传递 样品使用,<button type="button" class="btn btn-success" ng-click="RestEditCtrl.saveRestaurantDetails();"><smart-btn-label btn-state="RestEditCtrl.ajaxState(RestEditCtrl.restaurant.id)"when-normal="{label: 'Save'...

javascript – 可观察属性更改时的Angular2触发器函数【代码】

我使用一个workingData服务来保存贯穿我的应用程序的数据.它将一个observable返回给Mock workingData对象.@Injectable() export class WorkingDataService {getWorkingData(): Observable<WorkingData> {return Observable.of(WORKINGDATA);}getSelectedDate(): Observable<Date> {return Observable.of(WORKINGDATA.selectedDate);} }workData对象上的一个属性是名为selectedDate的日期字段.export const WORKINGDATA: WorkingDat...

javascript – 无法读取undefined angular2的属性【代码】

当我想使用angular2组件的方法时,我遇到了问题.这是代码:import { Component,OnInit } from '@angular/core'; import { Router } from '@angular/router'; import {AgGridModule} from 'ag-grid-angular/main'; import {GridOptions, GridApi, ColumnApi} from "ag-grid";import { AllService } from './all.service'; import { SomeClass } from './someClass'; import { ResponseData, Links } from './response';import 'rxjs/...

javascript – 如何在AngularJS中将控制器的传递值返回到指令的模板属性?【代码】

我创建了一个AngularJS指令,如下所示.在关联的控制器中,我将变量文本的值计算为“SomeText”.我希望这个文本取代Hello World !!在指令的模板属性中.我该怎么做? 我的HTML:<myp-directive myarg="myObject"></myp-directive>我的指示:myApp.directive('mypDirective',function(){return {restrict:'E',scope: {myarg: '='},controller: 'DirectiveCtrl',controllerAs: 'directiveCtrl',bindToController: true,template: 'Hello ...

javascript – 在构造函数angular 2中声明属性【代码】

我是一个刚刚登陆角度2的java程序员.在做官方教程时,我很惊讶地看到他们在构造函数中声明了这个属性而不是类的顶层. 我知道Java和JS是非常不同的,但在这样做之间有任何技术原因constructor(private router: Router ,private heroService: HeroService) {}或者像这样private router: Router private heroService: HeroServiceconstructor( ) {}解决方法:这个:private router: Router private heroService: HeroService只声明您的类...

javascript – AngularJS在属性上组合数组中的对象【代码】

我有一大堆对象(1500),并且对象匹配其中一个属性.因此可以减少对象的总数,例如在ng-repeat中获得更好的性能.我对AngularJS和JS本身有点新意,所以非常感谢帮助! 我的对象数组(简化)myArray = [{"role": "user111","operation": "create","concept": "folder"},{"role": "user111","operation": "create","concept": "task"},{"role": "user111","operation": "delete","concept": "task"},{"role": "user222","operation": "create...

javascript – 如何使用Angular有条件地向元素添加属性? (不仅属性数据,整个属性)【代码】

我有一些用角材料创建的链接.在那里我们使用链接和按钮< md-button>.现在我有一个链接,只有当url存在时我才需要添加href属性.否则它不应该有一个href. 原因是,我有下面的主要链接和子链接.具有子链接的主链接不能具有href.如果它确实至少有空的href,只要我点击它以展开子链接,它就会转到索引模板.有些主要链接没有任何子链接.所以,对于他们我需要href和链接与子链接我需要完全删除href.我怎样才能做到这一点?解决方法:我不是棱角分...

javascript – Angular 4错误:找不到具有未指定名称属性的控件【代码】

我在this tutorial之后使用了谷歌地方API,但我收到以下错误:Cannot find control with unspecified name attribute我也尝试过这一切提示stackoverflow link 码<div class="form-group"> <input #searchtype="text"placeholder="search for location"autocorrect="off"autocapitalize="off"spellcheck="off"class="form-control"[formControl]="searchControl"name="searchControl"> </div> 解决方法:你应该发布一些代码,我们不是...

javascript – 对象不支持AngularJS中的属性或方法“成功”【代码】

我想用AngularJS使用MVC4上传文件,我的文件使用下面的代码成功上传到服务器,但由于错误我无法得到确认.请检查我已完成的所有代码. 我的C#控制器代码[HttpPost]public JsonResult SaveFiles(string description){string Message, fileName, actualFileName;Message = fileName = actualFileName = string.Empty;bool flag = false;if (Request.Files != null){var file = Request.Files[0];actualFileName = file.FileName;fileName...

javascript – Textarea – Angular类型’HTMLElement’上不存在属性’value’【代码】

使用Angular 4(typescript),我有以下HTML代码:<div *ngIf="dataService.selected_markers.length == 0" id="tsnPasteContainer"><form style="width: 100%; height: 100%"><textarea id="tsn_list" style="width: 100%; height: 100%" type="text" name="tsn_list" placeholder="e.g. 2001311,2425302,2153542,2435974"></textarea></form></div>我正在尝试使用以下内容将用户输入的数据输入textarea:public parseTSNs(){let tsn...

javascript – AngularJS在没有JQuery的情况下获取元素属性【代码】

我正在创建一个不使用JQuery的AngularJS站点.在指令中,传递的值是EngagementApp.directive('movingAside', function() {return {restrict : 'A',link : function(scope, element, attributes) {}} });而html看起来像:<div class="aside" moving-aside>...Content...</div>像element.clientHeight这样的事情返回一个未定义的. 如何在不使用JQuery和AngularJS函数的情况下获取元素的属性(高度,宽度,偏移量等)?解决方法:使用元素[0]...

javascript – (Angular2)无法读取toastr的undefined属性’extend’【代码】

我正在尝试在angularjs 2中使用toastr作为服务,将在我的组件中注入,如下所述.当调用handleEvent函数时,我正在接收“无法读取未定义的属性’扩展’”.非常感谢对错误的任何建议和/或解释. app.moudle.ts已导入ToastrService,并且已在提供程序中添加ToastrService.//events/events-list.components.tsimport { ToastrService } from '../common/toastr.service'; @Component ({selector: 'event-list',template: `<div><h1> Upcoming...

javascript – AngularJS – 创建条件按钮级联所有属性的指令【代码】

我想创建一个AngularJS指令,该指令能够使用ng-if创建一个自定义按钮,该按钮基于一个触发事件属性(绑定并根据用户在表单上执行的操作具有动态值)并级联所有其他属性(新按钮上的任何,不可预测的.该按钮将包含myButton的相同HTML. 触发事件条件在控制器中指定:$scope.trigger = (specified in the controller and dynamic); // can be true or false $scope.disabled = (specified in the controller and dynamic); // can be true o...