Tag: angularjs
重置表单后未删除validation消息
我有一个HTML表单，我使用角度JS进行validation。 在这里，在提交表单后，我调用了reset方法，它将表单输入字段重置为默认值。 但是，当我提交并调用reset方法时，validation消息将显示在输入字段中。 我使用了以下代码。 我不希望在提交表单后看到validation消息。 HTML Name is reqiured Description is reqiured Create JS代码 $scope.createChallenge = function() { //get the field and store in db $scope.resetForm(); } $scope.master = {}; $scope.resetForm = function() { $scope.challenge = angular.copy($scope.master); $scope.createvalidation.$setPristine(); }
如何在角度js中搜索和突出显示？
我有一个div，其中我有一些争论。我需要从该div搜索文本并突出显示该单词（使用css类）。接下来它搜索下一个单词出现和上一次出现。 我可以在jquery作为小提琴中的例子http://jsfiddle.net/3MVNj/5/你能建议我将如何在角js中实现这一点吗？ plunker http://plnkr.co/edit/V805fEjJAUbAZIuafJcW?p=preview .highlightedText { background: yellow; } FirstText NextSearch PreviousSearch hello I need to search text from the contend .On click of search it search the first word. var app=angular.module(‘app’,[]); app.controller(“contr”,function($scope){ $scope.searchFirst=function(){ alert(‘search First text’) } $scope.nextSearch=function(){ alert(‘nextSearch’) } $scope.preSearch=function(){ alert(‘preSearch’) } }); 有没有办法搜索filter？
AngularJs如何生成具有显示值的滑块列表
我想要一个问题列表，每个问题后面都有一个显示值的滑块。 以下是如何从AngularJs网站进行数据绑定的示例： Name: Hello {{yourName}}! 但在我的情况下，我将使用ng-repeat生成我的问题列表，因此在这种情况下，所有滑块都将具有相同的ID和名称。 {{q.description}} {{“rv” + q.id}} 你可以看到我试图通过结合’rv’（排名值）和问题id来解决冲突ID。 但是我收到一个错误： 错误：[$ parse：syntax]语法错误：令牌”rv”是意外的，期望在[‘{‘rv’+ q.id}}]的第3列的[：]开始于[‘rv’+ q.id}}]。 更新 我想将答案列表上传回我的服务器。 问题模型不具有存储用户答案的任何属性。 而是一个名为：question_answer的模型，它具有作为存储用户输入答案的属性的答案。 如何实现这一部分？ 通过$ http ?? 更新2 这是控制器代码： var trialApp = angular.module(“trialApp”, []); trialApp.controller(‘questionControl’, function ($scope, $http) { $scope.counter = 1; $http.get(“http://my.azurewebsites.net/api/question_category”).success(function (data) { $scope.questionsCategories = data; }).error(function () { alert(“Failed to fetch question_category instances from database, […]
Angular不在我的json中渲染
我正在尝试使用在页面上显示json元素的angular。 它不起作用。 我想做的事情非常简单。 但它不起作用 这是我的代码： http://jsfiddle.net/sqxmyrcj/1/ (function(){ var app = angular.module(‘store’, []); app.controller(‘PortfolioController’,function(){ this.product = gem; }); var gem = { name: ‘TEmp’, aboutme: ‘A Computer Science student at The University Canada. A Software Engineer’ }; })();
如何在角度js中存储和检索数据？
你能告诉我如何永久存储数据（例如本地存储）和检索数据。我想存储数据以便我再次获得。我正在进行客户端编程吗？ 我谷歌它说它有persistance.js会这样做..我们可以使用吗？我试着做一个简单的例子来存储数据但不能那样。我想保存学生和class级名单。 这是我的傻瓜： http ：//plnkr.co/edit/cLTIJfETGYENQyEdsu94？p =preview // Code goes here var app = angular.module(‘appstart’, [‘ngRoute’]); app.config(function($routeProvider) { // $locationProvider.html5Mode(true); $routeProvider .when(‘/home’, { templateUrl: ‘tem.html’, controller: ‘ctrl’ }) .otherwise({ redirectTo: ‘/home’ }); }); app.controller(“ctrl”, function($scope) { $scope.students = []; $scope.add = function() { $scope.students.push({ inputName : angular.copy($scope.inputName), inputclass : angular.copy($scope.inputclass) }); $scope.inputclass=”; $scope.inputName=”; } } ); […]
单击如何在AngularJS中逐个循环使用JSON
创建我的第一个指令作为角度制作练习或多或少的自定义轮播，以了解指令如何工作。 我用一些JSON数据设置了一个Factory： directiveApp.factory(“Actors”, function(){ var Actors = {}; Actors.detail = { “1”: { “name”: “Russel Brand”, “profession”: “Actor”, “yoga”: [ “Bikram”, “Hatha”, “Vinyasa” ] }, “2”: { “name”: “Aaron Bielefeldt”, “profession”: “Ambassador”, “yoga”: [ “Bikram”, “Hatha”, “Vinyasa” ] }, “3”: { “name”: “Adrienne Hengels”, “profession”: “Ambassador”, “yoga”: [ “Bikram”, “Hatha”, “Vinyasa” ] } }; return […]
在ng-repeat中的Jquery传递效应
我试图将jquery传输效果添加到循环中的动态图像。 以下是我的代码。 Add function addToCompare(mAction,index) { e = document.getElementById(‘myAngularApp’); scope = angular.element(e).scope(); scope.$apply(function() { scope.addToShortlist(mAction,index); }); if (mAction == “add”) { var thumbnailImg = $(“.item-img-“+index+”-addToCompare”).attr(“src”); $(” + // Add new one ‘.ui-effects-transfer { background: url(‘+thumbnailImg+’) no-repeat; }’ + ”).appendTo(‘head’); $(“.shortListed-Basket”).show(); $(“.item-img-“+index+”-addToCompare”).effect(“transfer”,{ to: $(“.shortListed-Basket”) }, 1000); $(“.hotel-“+index+”-addToCompare”).text(‘Remove’); $(“.item-“+index+”-addToCompare”).attr(“href”,”javascript:addToCompare(‘remove’,'”+index+”‘)”); } else { $(“.shortListed-Basket”).effect(“transfer”,{ to: $(“.item-img-“+index+”-addToCompare”) }, 1000); […]
在bootstrap模式上显示地图
我想在bootstrap模式上显示一个新的谷歌地图但它似乎不起作用。 请帮忙 $scope.show = function (lat, long) { $(‘#body’).append(”) enter code here$scope.newMap=new google.maps.Map(document.getElementById(‘map’), { zoom: 14, center: {lat: 37.77, lng: -122.447}, mapTypeId:’roadmap’ });
显示突出显示的文本或任何表行为空的问题
当用户单击导出按钮时，我正在使用jsPDF API将数据导出到PDF。 当存在突出显示的文本时生成PDF时，或者任何表行中没有值时，我将遇到问题。 生成的PDF中未显示突出显示的文本颜色，如果表中包含任何空白值，则表格未在生成的PDF中正确显示。 请在线演示https://plnkr.co/edit/GfXDGHWNHh2Mb89In7zK?p=preview 演示： var app = angular.module(“app”, []); app.controller(“myController”, [“$scope”, function($scope) { $scope.export = function() { // var pdf = new jsPDF(‘landscape’); var pdf = new jsPDF(‘p’,’pt’,’a4′); var pdfName = ‘test.pdf’; //var options = {pagesplit: true,’width’: 550}; var options = { pagesplit: true,’width’: 500 }; var $divs = $(‘.myDivClass’) var totalDiv = […]
如何在控制器中访问未知表单？
我有三个以上动态生成的表单。 我需要迭代控制器中表单的所有错误。 我正在使用模型分配表单名称。 Required angular.module(“myApp”,[]).controller(“myCtrl”,function($scope) { $scope.myForm= “validateForm”; console.log(“form” + $scope.myForm) }); 我想要的是当我控制$scope.myForm它应该打印表单对象但是会发生什么，它只是打印”validateForm”字符串。
