我想在单击登录按钮时调用登录功能,但不断在标题中收到错误消息.有人可以在我的脚本中指出错误吗？
login.js代码如下:
/*global Firebase, angular, console*/
'use strict';
// Create a new app with the AngularFire module
var app = angular.module("runsheetApp");
app.controller("AuthCtrl", function ($scope, $firebaseAuth) {
var ref = new Firebase("https://xxxxx.firebaseio.com");
function login() {
ref.authWithPassword({
email : "xxxxx",
password : "xxxx"
}, function (error, authData) {
if (error) {
console.log("Login Failed!", error);
} else {
console.log("Authenticated successfully with payload:", authData);
}
});
}
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"></script>login.html的代码如下:
<div class="container" style="max-width: 300px">
<form class="form-signin">
<h2 class="form-signin-heading" style="text-align: center">Please Sign In</h2>
<input …angularjs firebase angularjs-ng-click firebase-authentication
我本周刚开始使用AngularJS进行一个新项目,我必须尽快加快速度.
我的一个要求是动态添加html内容,并且内容可能有一个click事件.
因此,我在下面的代码Angular代码显示一个按钮,当单击它时,它会动态添加另一个按钮.单击动态添加的按钮,应该添加另一个按钮,但我无法使用ng-click处理动态添加的按钮
<button type="button" id="btn1" ng-click="addButton()">Click Me</button>
工作代码示例在这里 http://plnkr.co/edit/pTq2THCmXqw4MO3uLyi6?p=preview
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
$scope.addButton = function() {
alert("button clicked");
var btnhtml = '<button type="button" ng-click="addButton()">Click Me</button>';
angular.element(document.getElementById('foo')).append((btnhtml));
}
});<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>
document.write('<base href="' + document.location + '" />');
</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.0.x" src="//code.angularjs.org/1.3.0/angular.js" data-semver="1.3.0"></script>
</head>
<body ng-controller="MainCtrl">
<p>Hello {{name}}!</p>
<div id="foo">
<button type="button" id="btn1" ng-click="addButton()">Click Me
</button>
</div>
</body>
</html> …我有以下几行:
<a href="#" id="12345" data-ng-click="ShowId()">
在我的控制器中我有:
$scope.ShowId = function(){
alert('clicked element id in here: 12345');
};
如何在我的控制器ShowId函数中访问被点击元素的id,在我的情况下是12345？
请注意绑定不在ng-repeat中,因此我可以访问项ID或类似的东西.
有没有办法传递给角度指令ng-单击相关输入的值？
换句话说,应该替换this.value以下内容:
<input type="checkbox" id="cb1" ng-click="checkAll(this.value)" />
PS.我不想要一个替代值的替代方法,我只是想知道是否可以将输入的值作为参数传递给angular函数.
如果我有这样的ng-click:ng-click ="buggy()"并单击控制台上没有生成错误消息.
这使得调试有点棘手.
为什么没有生成错误消息？我能做什么？
好吧,我已经被困在这里一段时间了,我确信这是相对愚蠢的
http://plnkr.co/edit/YcBnbE5VCU5rizkDWreS?p=preview
<head>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.3/angular.min.js"></script>
<script >
function myCtrl($scope, $window) {
$scope.vm = {};
$scope.vm.Courses = [
{ Id: 1, Name: "Course 1"},
{ Id: 2, Name: "Course 2"}
];
$scope.OpenCourse = function(courseId) {
$window.alert("Called " + courseId);
}
}
</script>
</head>
<body ng-controller="myCtrl">
<div>
<div ng-repeat="course in vm.Courses" ng-click="vm.OpenCourse(course.Id)">
<div>
<div>
<label>{{course.Name}}</label>
</div>
</div>
</div>
</div>
</body>
为什么不在这里点击ng-click？这个问题似乎被问了很多,但没有一个答案似乎有所帮助.它看起来像重复移动div使它工作,但再次,我不知道为什么.
谢谢
Twitter Bootstrap dropdown嵌套在一个tr.在tr通过可点击ng-click.单击页面上的任意位置将折叠下拉菜单.该行为在指令中定义$document.bind('click', closeMenu).
因此,当菜单打开,并且用户单击一行时,我希望菜单关闭(就像它一样)并且我想阻止该行上的click事件.
JSFiddle:http://jsfiddle.net/LMc2f/1/
JSFiddle +指令内联:http://jsfiddle.net/9DM8U/1/
来自ui-bootstrap-tpls-0.10.0.js的相关代码:
angular.module('ui.bootstrap.dropdownToggle', []).directive('dropdownToggle', ['$document', '$location', function ($document, $location) {
var openElement = null,
closeMenu = angular.noop;
return {
restrict: 'CA',
link: function(scope, element, attrs) {
scope.$watch('$location.path', function() { closeMenu(); });
element.parent().bind('click', function() { closeMenu(); });
element.bind('click', function (event) {
var elementWasOpen = (element === openElement);
event.preventDefault();
event.stopPropagation();
if (!!openElement) {
closeMenu();
}
if (!elementWasOpen && !element.hasClass('disabled') …jquery twitter-bootstrap angularjs angular-ui-bootstrap angularjs-ng-click
我想指定一个javascript函数来ng-click哪个名字来自休息服务.
<li ng-class="{ active: isActive('url')}" data-ng-repeat="menu in mb.data">
<a href="{{menu.href}}" data-ng-click="{{menu.javascript}}">{{menu.label}}</a>
</li>
遗憾的是,如果在ng-click中使用{{}},angularjs解析器会抛出异常.所以我尝试了几种解决方法,比如使用回调函数
<a href="{{menu.href}}" data-ng-click="call(menu.javascript)">{{menu.label}}</a>
但我的想法都没有成功.如何在ng-lick中指定javascript函数名？顺便说一句.函数本身是$ scope的一部分.
编辑 - 这是控制器:
"$ menu"服务只是一个get rest请求.请求结果是一个json对象,只保存字符串值.在当前问题中,menu.javascript的结果是"loginModal()".
.controller('HeaderController', function($scope, $http, ModalService, $menu, $routeParams) {
$scope.loginModal = function() {
console.log("modal", ModalService);
// Just provide a template url, a controller and call 'showModal'.
ModalService.showModal({
templateUrl: "/modals/login.modal.html",
controller: "LoginController"
}).then(function(modal) {
// The modal object has the element built, if this is a bootstrap modal
// you can call 'modal' to show it, if it's a …html javascript angularjs angularjs-scope angularjs-ng-click
我有一个文本框.
<input type="text" ng-model="SearchText" >
和链接
<a href="#signout" ng-click="SearchText=''">Sign out</a>
我想在上面的超链接中进行论述.ng-click清空文本框,#signout并将ng-route注销HTML和控制器.
但我可以ng-click在Angular.js中看到href覆盖
如何执行？
我正在尝试将回调函数从控制器传递给指令.
这是回调函数代码:
$scope.onImageSelect = function(image) {
alert('SET');
$scope.card.image = image;
};
指令用法:
<google-image-search callback="onImageSelect" />
指令代码:
ngmod.directive('directive', function() {
return {
templateUrl: '/templates/template.html',
scope: {
callback: '&'
}
}
});
模板中的回调用法:
<a data-ng-click="callback(url)"></a>
但是,这给了我以下错误:
TypeError: Cannot use 'in' operator to search for 'onImageSelect'
我见过很多类似的问题,但无法理解我错在哪里.
javascript google-image-search angularjs angularjs-directive angularjs-ng-click