看一看(AngularJS 1.0.1版本)上的示例。有一个简单的应用程序,正在等待输入幸运号码。如果数字等于7,我将幸运数字重置为空。如果我多次输入数字7,幸运数字有时/随机地保留在输入字段中。为什么?这种行为如何解决?谢谢。如果你把
$scope.luckynumber = undefined;
在发出警报之前,您不会消除比赛条件,但您确实会更改它,以便正确清除7,但有时您会收到两次警报
如果警报代码被幂等值替换,比如更改DOM以显示错误,那么这个问题就不重要了。我已经做了一些调试
首先,
在我的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
从中,我们可以调用如下筛选器:
{{ myDateInScope | date: 'yyyy-MM-dd' }}
这里date是一个接受一个参数的筛选器
使用模板和JavaScript代码中的更多参数调用过滤器的语法是什么?在模板中,您可以通过冒号分隔过滤器参数
{{ yourExpression | yourFilter: arg1:arg2:... }}
在Javascript中,您将其称为
$filter('yourFilter')(yourExpression, arg1, arg2
我正在尝试将keyup事件附加到我的Angular项目中的指令。以下是指令:
angular.module('clinicalApp').directive('chatContainer', function() {
return {
scope: {
encounter: '=',
count: '='
}
templateUrl: 'views/chat.container.html',
link: function(scope,
我需要对使用自签名证书的服务器进行ajax调用。
在curl中使用--unsecure选项有助于这样做
但是我需要进行ajax调用,就像angular js中的$http请求一样。是否有可以设置的头文件,以便不会出现证书错误。有一种非常黑客的方式,您可以将浏览器指向服务器资源的方向。这将提示您谨慎地继续操作,并且在继续操作时(使用Chrome进行尝试),您对服务器的查询现在应该可以工作了,因为浏览器现在会记住特定的证书是可以使用的。我在上一个使用自签名证书的项目中遇到了这个问题。请看,或者你能举
我想知道做这段代码的方法是什么:
//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
angularjs-directiveangularjs-scope
我有一个指令,在调用t.start()时打开引导程序:
我想创建一个按钮,单击它可以调用变量t.start()。有可能吗?我想实现这一点,这样就可以独立于控制器内部的函数,因为这个指令将出现在应用程序的每个视图上,所以如果它能够在自身内部调用一个参数就好了。我试着用一个按钮在指令中创建一个模板,并用t.start()添加一个ng clikc操作,当然失败了,因为控制器不知道变量t,我的指令所在的位置
示例:
假设我有两个视图ShowItems和CreateItem,它们有两个不同的控制器。在这些
我用angular绑定数据时遇到问题。
我的模型:
<div id="ng-app-MyApp">
<ng-view></ng-view>
</div>
index.html:
<div>
<input type="text" ng-model="nameFilter" />
<div>{{nameFilter}}</div>
<table>
当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和Bootstrap。我正在以具有
验证码图像。不幸的是,表单无法正常工作。似乎没有一个ng指令是正确的
被跟踪。当代码不在模态中时,它可以正常工作。我的精简代码如下:
模式:
<div class = "modal fade" id = "contact" role ="dialog">
<div class = "modal-dialog">
<div class = "modal-content">
我有控制器和函数getData,如图所示。问题是for循环之外的$scope.results没有内容。在第二个http.get请求中,它包含内容
appControllers.controller('MyaSellerOrderCtrl', ['$scope', '$rootScope', 'Order', '$http',
function($scope, $rootScope, Order, $http) {
$scope.results = [];
我有一个模块,里面有一个工厂。当程序启动并传递对象时,此工厂需要初始化一次
目前,我做这个很不优雅。我包含模块,然后在我的mainapp.js的run函数中,调用工厂的初始化方法并将文件传递给它:
/* The to be imported module */
angular
.module('myModule', [])
.factory('myFactory', function () {
var setting = null;
var my
我试图包括在我的角度应用程序中有用的其他“模型”对象。假设我有两个单独的javascript文件,如下所示。我想在我的教师原型中添加一个“createStudent”函数,并让它调用student构造函数方法。teacher.js如何正确引用student.js?这里注射的方法是什么
仅供参考,我知道有很多方法可以在Angular中包含丰富的对象模型。例如,我现在不想使用restanglar。目前我想让这个非常简单,并希望增加我对角度模块的理解
谢谢
----------teacher.js--
我在设置路由时遇到问题。我的控制台中出现以下错误。我的文件夹“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',['']);
我试图在模块之间建立一个中间地带,以获得一个自定义url,这样用户可以保存(复制url)状态并与其他用户共享(或返回)。我试图建立一个简单的工作副本,然后我的目标是使它尽可能多态
我现在有一个基本的工作副本,使用url对象存储一些变量(现在在url对象中),然后在加载时在控制器中读取这些变量以更改为所需的状态。例如,我的第一个控制器的顶部是
$scope.test = $location.search().test;
因此,无论url中的test=是什么,它都将设置为$scope.test(
最近,我在现有的angular应用程序中添加了一个安全功能。以下是我后来得到的:
Chrome 3X.0.2125 (Linux) ERROR
Some of your tests did a full page reload!
Chrome 3X.0.2125 (Linux): Executed 23 of 102 (skipped 2) ERROR
以下是我设置安全功能的方式:
angular.module('myapp', [/*..I have omitted..*/])
标签: Angularjs
angularjs-directivecontrollerangularjs-scope
您可以在线查看我的评论
app.controller('myController',['$scope',function($scope){
$scope.temp = '007'; // my controller variable
}]);
app.directive('mydir', function() {
return {
restrict: 'A',
transclude: true,
scope: { mydirobj: '=mydir' },
我有一个嵌套的重复列表,如下所示,我想知道如何将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-
我制作了一个显示/隐藏消息列表的动画。看见但是当一条消息从列表中删除时,我如何调整它来制作动画呢
我的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
我想检测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>
我有一个产品RESTAPI,如下所示。JSON的第一部分帮助获取产品信息,在相同的数据中包含ID为4的产品特性和ID为2943的特性值。完整的代码张贴在末尾
{
"products":[
{
"id":578,
"id_manufacturer":"24",
"available_later":"",
我使用ui select作为下拉选择,它非常接近示例演示代码。用户界面选择都很好。我现在添加一个“角度材质”复选框。其目的是让复选框启用/禁用下拉选择。我正在将ui select元素的ng disabled属性设置为我在复选框中使用的状态变量。它工作正常,当我取消选中该框时,下拉选择被禁用,当我选中该框时,下拉选择被启用
我希望在禁用下拉选择时返回默认占位符(当尚未选择任何项目时)。也就是说,选择下拉项后,它将显示在ui中,并选择替换默认占位符。当下拉选择被禁用时,我希望占位符替换当前选定的项目
我是angular新手,在使用带有ng repeat的自定义指令时遇到问题。我想显示从rest接口获得的一些帖子,然后在指令中使用它们的_id属性用于其他目的。但是,当从函数内部使用时,该属性始终是上次显示的post中的属性(在下面的示例中进行测试)。当试图直接在viewmodel上显示id时,它会显示正确的id。希望这是有意义的。任何帮助都将不胜感激
//directive.js
angular.module('app').directive('gnPost', myGnPost);
fu
我将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创建了一个与前端的简单聊天。它的左边有一个简单的索引,包含用户的所有对话,带有一个show(chat\u id)操作,在右侧打开聊天本身,使用轮询获取新消息
执行所述功能的控制器的主要部件:
$scope.show = function(id) {
$scope.chat = [];
$scope.currentConversation = id;
var poll = function(){
conversation.get(id).then( fun
我从数据库(学生的考试结果)中获得了一些100条记录,并根据一些标准(如科目)过滤结果
<tr ng-repeat="t in search.samplesfilter = ( search.samples | filter:search.searchText | uniqueFilter:'subject' | orderBy:search.sorter:search.reverse) ">
我想添加另一个过滤器,仅显示通过考试的学生
我无法使用单击按钮附加条件
如何使用单
我正在尝试从指令调用控制器……以下是我正在编写的代码
penApp.directive('enpo',function(){
返回{
限制:'E',
范围:{
信息:“=”,
dragEvent:“&dragParent”
},
templateUrl:'enpo.html',
链接:函数(范围、元素、属性){
var circleDiv=element.find(“.circle”)
可拖放元素({
})
可拖动的元素({
手柄:“.circle”,
拖动:函数(事件、ui){
scope.
我不知道如何从Electron显示“打开文件”对话框
当我使用提供的示例时,我得到一个错误:
错误:无法从“/Users/michaelcalkins/code/codescretcher/assets/js”中找到模块“electron”
我正在使用browserify构建应用程序。我尝试的任何操作都会产生错误
Gulpfile内容:
var elixir = require('laravel-elixir')
elixir.config.assetsPath = 'assets'
eli
我使用AngularJS和Web API创建了一个应用程序。我能够使用web api和js中的参数插入国家记录。但当我使用model类在WebAPI和Angular JS之间传递值时,它不起作用
这是国家班:
public class Country
{
/// <summary>
/// Country id
/// </summary>
public int ID { get; set; }
/// <summary&g
我在调查页面中使用rzSlider。其中,我的元素位于$scope数组[]。现在我想在此处重复数组中的标签
(很差,很好,满意,很差,很差)而不是(0,1,2,3,4,5)我怎么能
$scope.Rating=['Very Bad','Good','Satisfied','Bad','Very Bad']
$scope.slider = {
value : 0,
options : {
我需要使用带有参数和查询参数的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
我将引导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
我正在制作一个应用程序,我想向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
有一个解决方案解释了如何在makepdf中使用web worker。但是,我想知道如何使用requirejs将此解决方案应用于angular。
我曾尝试将ngwebworker与requireJs一起用作示例,但没有成功。有人能帮我吗
编辑:
为了使问题更容易可视化,我将在下面的对话框中编辑不起作用的代码:
$scope.exportToPDF = function(){
我将Asp.net core rc2与OpenIdConnectServer一起使用。我在augular-oauth2中使用angular 1.x。过了几天,我的错误已经偏离了主题
Microsoft.AspNetCore.Hosting.Internal.WebHost:Information: Request starting HTTP/1.1 GET http://localhost:54275/api/Account/Username
Microsoft.AspNetCore.Aut
我从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 =
我目前正在从事一个项目,该项目必须在地图上显示geojson数据
我正在为AngularJS使用传单指令,效果很好
我的地图与geojson数据一起正确显示
角度控制器
angular.extend($scope, {
intersection: {
lat: 50.891,
lng: 4.258,
zoom: 14
},
defaults: {
scrollWheelZoom: false
},
这是一个简单的控制器
我正在控制器中创建一个硬编码对象,并希望将其绑定到视图中,我现在这样做的原因是我希望处理此类数据的表示
我无法处理它,因为数据对象属性不会显示在视图中
var app=angular.module('NOL',[]);
app.controller('MainController',['$scope',function($scope){
$scope.databOject = {
venue:'Hauz Khas Social',
date:'23-
我有ng repeat在不同的模板中工作,但是,我无法让我的album.html模板显示内容。这是我的
app.js
...
.state('album', {
url: '/album',
controller: 'AlbumCtrl as album',
templateUrl: '/templates/album.html'
})
...
(fu
我使用require避免在运行时加载所有控制器。但在我的例子中,所有的控制器都是在应用程序启动时加载的
App.js
define(['angular',
'angular_route',
'loginController',
'modifierController',
'bootstrap_ui_tpls',
'xeditable'
],function(Angular){
Angular.module('App',['ui.router','App
我有一个类似这样的json-
[{
"id": "152",
"name": "Accounting",
"parent_id": "0",
"created_at": "2016-12-20 18:10:57",
"updated_at": "2016-12-20 18:10:57"
}, {
"id": "292",
"name": "Administration",
"parent_id": "0",
"created
从上面的图片。我的上车时间和下车时间可以通过角度代码看到,这些代码还没有被隐藏。我已经在标签上添加了ng斗篷,但仍然显示相同的内容
我的看法
<label for="">Pick-up Time</label>
<select class="selectpicker form-control dropdown-itinerary" ng-model="ItineraryDetails.PickUpTime">
我有身份验证我的登录时,错误的电子邮件格式,电子邮件或密码,它将显示一个弹出错误。然而,若并没有在电子邮件和密码中输入任何内容,它将卡在加载页面上。有人有办法吗
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
嗨,我目前是Tesseract ocr的新手,我想在拍照时识别我的图像。。我正在使用离子框架来实现这一点。。图像的捕获很好,但当我点击ocr功能按钮时,它什么也没做。。我只是跟着医生进来
这是我的html
<ion-view view-title="OCR Testing">
<ion-content padding="true">
<button class="button button-block button-positive" ng-
我正在开发一个应用程序,我弹出一个窗口,当它得到弹出下次我会尝试打开它不应该被打开。下次它应该打开时,我将关闭弹出窗口,然后它应该打开
现在,我正在使用count变量,每当它为1时,弹出窗口就会打开,每当它大于或等于2时,就会显示警报。但是现在当我关闭弹出窗口时,它并没有在视图中将count的值重置为0。
在JSFIDLE中,我尝试使用var self=this;它工作正常,但当我在代码中尝试它时,它说UncaughtExceptionTypeError找不到在self.count=0行定义的属
我也在使用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(1.6.10版)应用程序上尝试执行gulp发球时,我收到以下错误消息:
类似的搜索似乎坚持认为这是版本差异。针对这个问题的类似搜索似乎也表明,角度模拟的版本控制存在问题,但是我们根本不使用角度模拟。我已经试着将我的Angular降到1.5.5,其他搜索显示你不能超过——尽管我所有的同事都在Angular 1.6.10或更高版本上运行。我也尝试过使用npm来安装angular Mock,尽管没有使用,并且同步版本以匹配angular Mock,但没有效果。我真的不知道该做
我正在尝试更改传递到第三方指令md icon的属性。
我尝试过授权,但价值没有改变
到目前为止,这就是我所拥有的
angular.module('app').decorator('mdIconDirective', function ($delegate) {
let directive = $delegate[0];
let compile = directive.compile;
directive.compile = function(el, attrs) {
let link
我在一个页面中有多个UIgrids。如何优雅地删除网格?
仅仅删除包含uigrid代码的div就足够了吗?
或者在执行删除操作之前,我应该对gridApi执行一些操作。如果使用ng if包装所有要控制的ui网格,该怎么办?您可以通过将ng if设置为false值来删除它们。
标签: Angularjs
angularjs-controllerangularjs-componentsmddialog
我有以下组件
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 页