Search Posts

Category: javascript

AngularJS White Listing YouTube URL For Iframe

App.js: (function() { var app = angular.module(“RandomAnimeApp”, []).config(function($sceDelegateProvider) { $sceDelegateProvider.resourceUrlWhitelist([ ‘self’, ‘*://www.youtube.com/**’ ]); }); }()); Controller: (function() { var app = angular.module(“RandomAnimeApp”); var ListController = function($scope, $http, $window, $timeout, $sce) { //stuff and things }; app.controller(“ListController”, [“$scope”, “$http”, “$window”, “$timeout”, “$sce”, ListController]) }()); View: <iframe itemprop=”trailer” src=”about:blank” data-ng-src=”https://www.youtube.com/embed/{{ a.source }}?wmode=opaque&amp;showinfo=0&amp;autohide=1&amp;rel=0&amp;iv_load_policy=3&amp;enablejsapi=1″></iframe> Where a.source is equal to a YouTube video Id. No matter what I try, I keep getting the “Error: $interpolate:noconcat Multiple Expressions” error for the […]

Angularjs ng-style with interpolation expression

Angularjs v1.5.9 : ng-style (ngStyle) There’s a simple div with ng-style command in my directive template, and I use a interpolation expression to get different style at run time: <div class=”large-1 tile tile-plain” ng-style=”{‘background-image’: ‘url(assets/images/km-types/ico-{{iconMap[item.doctype]}}.png)’}”> </div> The directive as follow: .directive(‘knowledgeItemIcon’, function () { return { restrict: ‘E’, templateUrl: ‘templates/item-icon.html’, scope: { item: ‘=’ }, link: function (scope,element,attrs) { scope.iconMap = { ‘howto’: ‘pen’, ‘reference’: ‘settings’, //… }; } }; }); The iconMap is an […]

Angular ajax image not updating

So I have the following code: <body lang=”en-US” ng-app=”socket-server” ng-controller=”imageValidationController”> <div class=”image-panel”> <h1>Images Found:</h1> <div class=”image-list” ng-repeat=”image in images”> <p>Image size: {{image.size}}</p> <p>Width: {{image.width}}</p> <p>Height: {{image.height}}</p> <img class=”image” ng-src=”{{image.image}}”> </div> <p>Total images found: {{num_images}}</p> </div> and I have the following javascript: var app = angular.module(‘socket-server’, []); app.controller(‘imageValidationController’, function($scope, $http) { $http({ method: ‘POST’, data: ‘html=<html><body><img src=”https://media.giphy.com/media/lhvyCCcFuQFKo/200.gif”></body>’, url: ‘/app/image-validation’, headers: {‘Content-Type’: ‘application/x-www-form-urlencoded’} }) .then(function(response) { $scope.images = response.data.images; $scope.num_images = response.data.num_images; }) }) /app/image-validation returns an […]

what does it mean "service in angular is stateless"

I am learning AngularJS. I was listening a tutorial about Angular and there teacher says “service in Angular is stateless”. I google it but couldn’t find the satisfactory answer. Please help me to understand this concept that how an angular service is stateless. The following code he wrote during his lecture. var app = angular.module(“myModule”, []) .controller(“myController”, function($scope)){ } app.factory(‘myService’, function(){ return { } }) I hope this explanation is enough to clear my question. […]

Uncaught SyntaxError: Invalid or unexpected token due to span tag in return statement [duplicate]

This question already has an answer here: Creating multiline strings in JavaScript 33 answers When I click open first window link a popup opens. in that popup you will see a grid with two columns. in that first column i need to combine name and and icon. so i added span tag before a tag but its not working. can you guys tell me how to combine. providing code below. Uncaught SyntaxError: Invalid or unexpected […]

The server responded with a status of 400 (Bad Request) in angular Js with wcf service

I am consuming wcf Service in Angular Js Application. I am trying to creating user registration system using Angular Js by invoking Wcf Service. I got following error when I clicked save button in Angular Js Application … caught SyntaxError: Unexpected token < :52098/HalifaxIISService.svc/RegisterUser Failed to load resource: the server responded with a status of 400 (Bad Request) Registration.js:38 Some error Occured[object Object] Here is wcf service Method. [OperationContract] [WebInvoke(Method = “POST”, RequestFormat = WebMessageFormat.Json, […]

jQuery Import Error With CanvasJS

I am working on getting the commerical version of canvasJS graphs to display on an HTML page. The trial worked like a charm. When I transition to the commercial version I had these issues with jQuery (v1.12.0) loading it. To get the data to the canvasJS graph, I am using angular (v1.5.8) to send the data to the canvasJS graph (see below). Yet, when I load the graph, the browser give this error message: Error: […]

set up dynamic $stateProvider states from jSon data

I have to build a bunch of multi-step forms in angular and am trying to simplify the process. What I would like to do is have each step (state) produced dynamically via json data. Each step has a very basic layout just an input field. Because of this I would ideally have even the template created dynamically. this is what I have as far as an actual working simple form: angular.module(‘formApp’, [‘ui.router’]) .config(function($stateProvider, $urlRouterProvider) { […]

Gulp, Grunt or Jgeni as doc tool in an angularJS

Documentations are always a complicated topic. The need of constant updates and an extra work (that doesn’t generate value in short-term) makes it a non priority when coding and many times ignored necessity. I know that one must always focus on documenting with the code itself (variable names, functions separations and styleguides), but it’s hard to keep tracking of the working of a big app with the time and even harder to understand to those […]

In AngularJS, how do I go about linking an image to an url?

I am working on an AngularJS application and I would like to have an image which, if clicked, redirects to an URL. I already am able to do that but with text. This is what my code looks like: JS: myLink: { LinkText: “Click here for the pdf:”, LinkHRef: “/documents/pdfs/Final.pdf” } HTML: <div class=”basic-page__link” ng-if=”section.myLink”> <a ng-if=”section.myLink.sectionLinkNewTab !== false” target=”_blank” ng-href=”{{ section.myLink.LinkHref }}”>{{ section.myLink.LinkText }}</a> <a ng-if=”section.myLink.sectionLinkNewTab === false” ng-href=” {{section.myLink.LinkHref }}”> {{section.myLink.LinkText }}</a> </div> […]

Next Page »