Tag: angularjs

Angularjs和jquery不能以我的常规简单forms工作: 我正在学习Angularjs，我创建了简单的表单。其实我是PHP开发人员所以我更喜欢使用php作为服务器端脚本语言。我无法将数据提交给服务器，我尝试了很多方法，但是如果我尝试使用标准方法Angularjs不能正常工作请检查我的代码，并给我最好的方法来处理angularjs，jquery和php。帮我！ angular.module(“mainModule”, []) .controller(“mainController”, function($scope, $http) { $scope.person = {}; $scope.serverResponse = ”; $scope.submitData = function() { var config = { headers: { “Content-Type”: “application/x-www-form-urlencoded” } }; $http.post(“server.php”, $scope.person, config) .success(function(data, status, headers, config) { $scope.serverResponse = data; }) .error(function(data, status, headers, config) { $scope.serverResponse = “SUBMIT ERROR”; }); }; }); $person->name, […]

如何通过#ID 100％AngularJS获取元素SELECT中的Text和Value: 有一个更好的方法来做AngularJS，我的例子中的代码行数较少……？我的想法是使用AngularJS和jqLite 100％。链接示例我的CODE解决方案： http ： //jsfiddle.net/EOM/xecymL9t/ HTML： Name 2 Name 1 SELECT DEFAULT ANGULAR INIT Name 3 在控制台到浏览器中查看显示（F12） AngularJS： function Main($scope, $document) { $scope.sample = function(myvalue) { // Get By ID var e = $document[0].getElementById(‘yo’); // Get all options select e = angular.element(e).find(‘option’); // Loop angular.forEach(e, function(v, k){ // Is option selected..? if(angular.element(v).prop(‘selected’)){ // […]

使用子字符串方法突出显示字符串中的文本: 我有一个你可以喜欢的字符串： Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是业界标准的虚拟文本，当时一台未知的打印机采用了类型的厨房并将其拼凑成一本类型的样本。它不仅存在了五个世纪，而且还延续了电子排版，基本保持不变现在，在这个字符串中，我有一个json对象，其中从后端开始，我必须突出显示字符串的所有起始和结束偏移量。现在，为突出显示我使用以下逻辑： $scope.highlightHTML = function(content, startoffset, endoffset) { var className = ‘mark’; console.log(content.substring(startoffset, endoffset)); return content.replace(content.substring(startoffset, endoffset), ‘$&’); } 这里的内容是给定的字符串，start和end是突出显示字符串的endoffsets。现在，在调用此时： jsonDataArray.forEach(function(item) { responseData = $scope.highlightHTML(responseData, item.startOffset, item.endOffset, item.color); }); $rootScope.data.htmlDocument = responseData.replace(/\n/g, “”); 这里考虑responseData是我在问题中提供的字符串。从这里我调用highlighthtml函数。这里的问题是我用span标签替换字符串。现在循环中发生的事情是，当第一个让我们说在数组中第一个要突出的值是the printing and typesetting industry. 。所以，我从后端得到的补偿。现在，它将突出显示通过替换跨度。现在，当在数组中获得第二个值时，让我们说a galley of type […]

如何使用AngularJS与SpringMVC异步加载数据？: 我是AngularJS的新手，并且不知道如何处理以下情况的最佳方法： 1.我需要显示过去30天的数据行。（默认选项）我是怎么做的：当页面加载时，Spring控制器将列表放在模型属性中。 @RequestMapping(value=”/show/data”, method = RequestMethod.GET) public String getDataPage(ModelMap model) { //cropped for brevity List dataList = dataService.getData(fromDate, toDate); model.addAttribute(“dataList “, dataList ); return “data-page”; } 在JSP中我使用EL标记循环遍历List并以表格forms向用户显示数据 ${currentData.name} ${currentData.address} ${currentData.email} ${currentData.phone} 用户可以选择日期范围并根据所选范围（例如今天，昨天，上周，上个月，自定义范围），显示的数据应更新。我是怎么做的：我正在使用Bootstrap-Daterangepicker（ https://github.com/dangrossman/bootstrap-daterangepicker ）来显示标记。它为我提供了一个回调函数。 $(‘#reportrange’).daterangepicker(options, callback); 例如$(‘#reportrange’).daterangepicker(options, function(startDate, endDate){}); 没有AngularJS，这将是混乱的。我可以调用jQuery ajax然后获取一个列表，然后在jQuery中搞乱DOM元素。但这很麻烦。如何在此场景中包含AngularJS以使我的生活更轻松。（而且代码不那么干净了）请帮忙。我被卡住了。

如何将ng-model添加到动态创建的输入文本字段中: 这是我的angularjs代码，用于动态创建输入文本字段。 //statically added textfields value1: value2: //dynamically adding textfields enter the number of new fields to be created: Create text fields //button to add values to the database add to database “ng-click =”addValues（$ event）“”有助于将这些值添加到我已经完成的mongodb数据库中。用于制作这些字段的JavaScript代码是： $(document).ready(function(e){ $(‘#submit’).click(function(){ var inputIndex = $(‘#in_num’).val(); for( var i=0; i<inputIndex; i++) { $('#dynamicInput').append('’); } }); }); 单击“添加到数据库”按钮时，仅第一个和第二个文本字段的值将添加到数据库中，但不会添加从动态创建的文本字段中添加的值。有什么办法吗？

如何制作离子内容滚动: 这可能是一个愚蠢的问题，但这确实令人头疼。我无法使内容可滚动，我没有添加任何内容，我只是无法无缘无故滚动。我刚开始一个新的页面，我正在动态填充列表，但我遇到的问题是我无法滚动这是我的完整代码： <!– IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above –> {{ m.competition }} {{ s.team1.name+’ – ‘+s.team2.name }} var app = angular.module(‘starter’, []); app.controller(‘customersCtrl’, function($scope, $http) { $http.get(“http://int.footballclub.orange.com/ofc/matches?date=2015-05-20”) .success(function (response) { $scope.matches = response; for (var i = 0; i < response.length; i++) […]

渲染后的AngularJS和jQuery插件: 我正在构建一个滑块，我正在使用ng-repeat指令迭代（RESTful）服务以在滑块中创建幻灯片。我已经将滑块包装在自定义指令中，以便在完成后初始化它（即在链接函数中）。 var swiper = angular.module(‘ng-swiper’, [‘qbusService’]) .directive(‘swiper’, function(){ return { link : function(scope, element, attrs) { $(element).swiper({}); } }; }); 但是滑块没有正确初始化，我错过了什么？ HTML： {{output.CustomName}} {{output.CustomName}} Off On ×

在FullCalendar中将数据传递给后台事件对象: 当用户点击后台事件时，有没有办法获取我传递给eventObj的数据？我的示例背景事件如下所示： { id: ‘availableForMeeting’, title: ‘Test Background Event #1’, start: ‘2015-08-13T07:30:00’, end: ‘2015-08-13T12:30:00’, rendering: ‘background’, sampleId: 214, color: ‘red’ } 但我无法得到sampleId字段，因为它在jsEvent中不存在。

使用Angularjs加载文本的Bootstrap按钮: 在使用bootstrap和jquery的非角度应用程序中，我可以创建如下按钮： Save 然后，当单击该按钮时，我可以将其设置为它的加载状态，如下所示： $(‘#saveButton’).button(‘loading’); 单击此按钮也会触发ajax请求，在该请求的回调中，我可以重置按钮，如下所示： $(‘#saveButton’).button(‘reset’); 如何在角度应用程序中完成相同的行为？该应用程序还包括Jquery和Bootstrap。

对于AngularJS，jQuery是“$ .when（）。done（）”: 我正在寻找一些方法来了解两个或多个ajax调用何时完成使用AngularJS，但我只能使用jQuery找到它： $.when(promise3, promise5).done( function(threeSquare, fiveSquare) { console.info(threeSquare, fiveSquare); } ); 和： var promises = [ $.getJSON(‘square/2’), $.getJSON(‘square/3’), $.getJSON(‘square/4’), $.getJSON(‘square/5’) ]; $.when.apply($, promises).done(function() { console.info(arguments); }); 有没有办法使用AngularJS做这样的事情？感谢您的支持！