You can do it like this:

this is your href: http://maps.google.com/?q=
everything that goes after q will be filled in the search filled and submitted, for example:
1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003

So the link looks like this: `&lt;a href=&quot;http://maps.google.com/?q=1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003&quot;&gt;...&lt;/a&gt;`

If you need the &quot;q&quot; to be dynamic you can do it with simple jQuery code to update your href.

I am using Storyboard and Xcode 6. I have next controllers and scenes in my Storyboard:

`UINavigationController` that has `HomeViewController` as a root. `HomeViewController` has a button that `Show (e.g. Push)` `UITabBarController`. `UITabBarController` has 4 `UIViewControllers`.

But my problem that after I Show `UITabBarController` there are no Navigation Bars in 4 `UIViewControllers`. But I supposed that if I `Show (e.g. Push)` `UITabBarController` then it should has embedded navigation controller that is initial controller in storyboard. Am I right? And if so how can I setup then navigation bar in Storyboard, because there are now default bar event in pushed tab bar that I see on storyboard. I have selected UIViewController and set simulated metrics in identity inspector to Translucent Navigation bar for the Top property, but I supposed it should be automatically added to this controller and to the tab bar without additional steps.

Or should I add new navigation controller for each tab bar items that will have their root view controllers?

The main question why I don&#39;t see navigation bar in storyboard using show (e.g. Push). For example if I add navigation controller and then set as root - tab bar controller then Xcode automatically add top navigation bar, but if the queue has an extra step like in my case HomeViewController the top navigation bar never appear automatically.

How to implement tab bar controller with navigation controller in right way

I am using Socket.io with Express. In my project I have a login page and a home page. When I do successful login, I navigate to localhost:3000/home where I get this error:
    
    GET http://localhost:3000/socket.io/?EIO=3&amp;transport=polling&amp;t=1418187395022-0 404 (Not Found)

I did not do any modification in my `app.js` (project created by express &lt;project_name&gt;).

index.js:

    var express = require(&#39;express&#39;);
    var router = express.Router();
    var http = require(&#39;http&#39;);
    var fs = require(&#39;fs&#39;);
    var io = require(&#39;socket.io&#39;)(http);
    /* GET home page. */
    router.get(&#39;/&#39;, function(req, res) {
      res.render(&#39;index&#39;, { title: &#39;Express&#39; });
    });

    router.get(&#39;/home&#39;, function(req, res) {
      res.render(&#39;home&#39;, { title: &#39;Express&#39; });
    });

    io.on(&#39;connection&#39;, function(socket){
    	console.log(&quot;User Connected&quot;);
      socket.on(&#39;chat message&#39;, function(msg){
        io.emit(&#39;chat message&#39;, msg);
        console.log(&quot;Message&quot;);
      });
       socket.on(&#39;disconnect&#39;, function(msg){
        console.log(&quot;User DisConnected&quot;);
      });

    });

    router.post(&#39;/authenticate&#39;, function(req, res) {
     	fs.readFile(&quot;./public/Verification/Users.json&quot;, &quot;utf8&quot;, function (err, data) {
            if (err) 
            	console.log(err);
            else{
            	var result = JSON.parse(data);
             	for(var i=0;i&lt;result.Users.length;i++){
            		if(req.body.username == result.Users[i].username &amp;&amp; req.body.password ==     result.Users[i].password){
        		    	console.log(&quot;Success!!!!!!!!!!!!!!&quot;);
        	    		res.location(&quot;home&quot;);
                        res.redirect(&quot;home&quot;);
        	    	}
            	}
            }
            });
    });

    module.exports = router;

In my `layout.jade` I defined Socket.io like this:

    script(src=&#39;https://cdn.socket.io/socket.io-1.2.0.js&#39;)

    

How to resolve a Socket.io 404 (Not Found) error?

What is the url structure to search for an address in Google Maps? 

I want to offer an address on my website that, when clicked, it will open google maps directly to an address from my script.

I want to create a link `&lt;a href=&quot;...&quot;&gt;&lt;/a&gt;` which will open a Google Maps browser page that shows a map of a street address from my script. 




Open Google map with specific address in a browser

What is the url structure to search for an address in Google Maps?
I want to offer an address on my website that, when clicked, it will open google maps directly to an address from my script.
I want to create a link <code>&#x3C;a href="...">&#x3C;/a></code> which will open a Google Maps browser page that shows a map of a street address from my script.

This is the error I get when using const:

    &lt;error line=&quot;2&quot; column=&quot;1&quot; severity=&quot;warning&quot; message=&quot;&amp;apos;const&amp;apos; is available in ES6 (use esnext option) or Mozilla JS extensions (use moz).&quot; source=&quot;jshint.W104&quot; /&gt;


My code looks like this:

    const Suites = {
        Spade: 1,
        Heart: 2,
        Diamond: 3,
        Club: 4
    };

The code works fine only JSHint is warning me every time.

Why does JSHint throw a warning if I am using const?

There have been some middleware changes on the new version of express and I have made some changes in my code around some of the other posts on this issue but I can&#39;t get anything to stick.

We had it working before hand but I can&#39;t remember what the change was. 

&lt;!-- language: lang-none --&gt;

    throw new TypeError(&#39;Router.use() requires middleware function but got a
            ^
    TypeError: Router.use() requires middleware function but got a Object

---

&lt;!-- language: lang-none --&gt;

    node ./bin/www
    
    js-bson: Failed to load c++ bson extension, using pure JS version
    js-bson: Failed to load c++ bson extension, using pure JS version
    
---

    /Users/datis/Documents/bb-dashboard/node_modules/express/lib/router/index.js:438
          throw new TypeError(&#39;Router.use() requires middleware function but got a
                ^
    TypeError: Router.use() requires middleware function but got a Object
        at /Users/datis/Documents/bb-dashboard/node_modules/express/lib/router/index.js:438:13
        at Array.forEach (native)
        at Function.use (/Users/datis/Documents/bb-dashboard/node_modules/express/lib/router/index.js:436:13)
        at /Users/datis/Documents/bb-dashboard/node_modules/express/lib/application.js:188:21
        at Array.forEach (native)
        at Function.use (/Users/datis/Documents/bb-dashboard/node_modules/express/lib/application.js:185:7)
        at Object.&lt;anonymous&gt; (/Users/datis/Documents/bb-dashboard/app.js:46:5)
        at Module._compile (module.js:456:26)
        at Object.Module._extensions..js (module.js:474:10)
        at Module.load (module.js:356:32)

app.js

    var express = require(&#39;express&#39;);
    var path = require(&#39;path&#39;);
    var favicon = require(&#39;serve-favicon&#39;);
    var logger = require(&#39;morgan&#39;);
    var cookieParser = require(&#39;cookie-parser&#39;);
    var bodyParser = require(&#39;body-parser&#39;);
    var mongoose = require(&#39;mongoose&#39;);
    var session = require(&#39;express-session&#39;);
    var MongoClient = require(&#39;mongodb&#39;).MongoClient;
    var routes = require(&#39;./routes/index&#39;);
    var users = require(&#39;./routes/users&#39;);
    
    var Users = require(&#39;./models/user&#39;);
    var Items = require(&#39;./models/item&#39;);
    var Store = require(&#39;./models/store&#39;);
    var StoreItem = require(&#39;./models/storeitem&#39;);
    
    var app = express();
    //set mongo db connection
    var db = mongoose.connection; 
    
    MongoClient.connect(&quot;mongodb://localhost:27017/test&quot;, function(err, db) {
      if(!err) {
        console.log(&quot;We are connected&quot;);
      }
    });
    // var MONGOHQ_URL=&quot;mongodb://localhost:27017/test&quot; 
    
    // view engine setup
    app.set(&#39;views&#39;, path.join(__dirname, &#39;views&#39;));
    
    app.set(&#39;view engine&#39;, &#39;ejs&#39;);
    
    // uncomment after placing your favicon in /public
    //app.use(favicon(__dirname + &#39;/public/favicon.ico&#39;));
    app.use(logger(&#39;dev&#39;));
    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({ extended: false }));
    app.use(cookieParser());
    app.use(session({
        secret: &#39;something&#39;,
        resave: true,
        saveUninitialized: true
    }));
    
    app.use(&#39;/&#39;, routes);
    app.use(&#39;/users&#39;, users);
    app.use(express.static(path.join(__dirname, &#39;public&#39;)));
    
    // catch 404 and forward to error handler
    // app.use(function(req, res, next) {
    //     var err = new Error(&#39;Not Found&#39;);
    //     err.status = 404;
    //     next(err);
    // });
    
    // Make our db accessible to our router
    app.use(function(req, res, next){
      req.db = db;
      next();
    });
    
    // error handlers
    
    // development error handler
    // will print stacktrace
    if (app.get(&#39;env&#39;) === &#39;development&#39;) {
        app.use(function(err, req, res, next) {
            res.status(err.status || 500);
            res.render(&#39;error&#39;, {
                message: err.message,
                error: err
            });
        });
    }
    
    // production error handler
    // no stacktraces leaked to user
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render(&#39;error&#39;, {
            message: err.message,
            error: {}
        });
    });
    
    
    module.exports = app;

---

It appears the answer to this question has changed for versioning reasons. Thanks to [Nik](https://github.com/expressjs/express/wiki/Migrating-from-3.x-to-4.x)

TypeError: Router.use() requires middleware function but got a Object

I&#39;m still confused how to resolve module paths with webpack. Now I write:

    myfile = require(&#39;../../mydir/myfile.js&#39;) 

but I&#39;d like to write

    myfile = require(&#39;mydir/myfile.js&#39;) 
    
I was thinking that [resolve.alias](http://webpack.github.io/docs/configuration.html#resolve-alias) may help since I see a similar example using `{ xyz: &quot;/some/dir&quot; }` as alias then I can `require(&quot;xyz/file.js&quot;)`.

But if I set my alias to `{ mydir: &#39;/absolute/path/mydir&#39; }`, `require(&#39;mydir/myfile.js&#39;)`  won&#39;t work.

I feel dumb because I&#39;ve read the doc many times and I feel I&#39;m missing something.
What is the right way to avoid writing all the relative requires with `../../` etc?

Resolving require paths with webpack

What is the difference between a shim an a sham?

Is it enough to include es5-shim.min.js and es6-shim.min.js or should I also include es5-sham.min.js and es6-sham.min.js?

Shim vs. Sham: What is the difference?

I was trying out this really simple example from the awesome &quot;Professional JavaScript for Web Developers&quot; book by Nicholas Zakas but I can&#39;t figure what I am doing wrong here. Must be something really simple that I missed but I&#39;m stuck.

Here is the code:

    &#39;use strict&#39;;

    var book = {};
    
    Object.defineProperties(book, {
    	originYear: {
    		value: 2004,
    		writable: false
    	},
    
    	_year: {
    		value: 2004
    	},
    
    	edition: {
    		value: 1
    	},
    
    	year : {
    		get: function() {
    			return this._year;
    		},
    
    		set: function(newValue) {
    			if(newValue &gt; this.originYear) {
    				this._year = newValue;
    				this.edition += newValue - this.originYear;
    			}
    		}
    	}
    });
    
    console.log(book.edition);
    book.year = 2006;
    console.log(book.edition);

The error I am getting on the Chrome console is:

&gt; Uncaught TypeError: Cannot assign to read only property &#39;_year&#39; of
&gt; #&lt;Object&gt;main.js:31 Object.defineProperties.year.setmain.js:39 (anonymous function)

Can someone please explain where I have gone wrong?

Here is the [fiddle][1]


  [1]: http://jsfiddle.net/csssolver296/gvgf6r1a/

Uncaught TypeError: Cannot assign to read only property

Recently, Google completely overhauled their reCaptcha API and simplified it to a single checkbox.

![reCaptcha][1]


  [1]: http://i.stack.imgur.com/jSkBn.gif

The problem is, I can submit a form with the reCaptcha included without checking it and the form will ignore the reCaptcha.

Before you had to send the form to a PHP file with the private key et al, but I&#39;m not seeing any mention of that in their Developer&#39;s Guide. I have no idea how to validate the form to be sure the new reCaptcha was filled by the user.

Am I missing something? Is that PHP file with the private key still required?

All I have for the reCaptcha so far is:

    &lt;div data-type=&quot;image&quot; class=&quot;g-recaptcha&quot; data-sitekey=&quot;My Public Key&quot;&gt;&lt;/div&gt;

How to Validate Google reCaptcha on Form Submit

I am trying to display a year range input on a form that has a 2 textboxes. One for the min and one for the max and are separated by a dash. 

I want this all on the same line using bootstrap, but I cannot seem to get it to work correctly.

Here&#39;s my code:

    &lt;form id=&quot;Form1&quot; class=&quot;form-horizontal&quot; role=&quot;form&quot; runat=&quot;server&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;form-group&quot;&gt;
                &lt;label for=&quot;tbxContactPhone&quot; class=&quot;col-sm-2 control-label&quot;&gt;Year&lt;/label&gt;
                &lt;div class=&quot;col-sm-4&quot;&gt;
                    &lt;asp:TextBox ID=&quot;TextBox1&quot; CssClass=&quot;form-control&quot; runat=&quot;server&quot; MaxLength=&quot;4&quot; /&gt;
                &lt;/div&gt;
                &lt;label class=&quot;col-sm-2 control-label&quot;&gt;-&lt;/label&gt;
                &lt;div class=&quot;col-sm-4&quot;&gt;
                    &lt;asp:TextBox ID=&quot;TextBox2&quot; CssClass=&quot;form-control&quot; runat=&quot;server&quot; MaxLength=&quot;4&quot; /&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/form&gt;

Here&#39;s what it looks like now:

![screenshot](http://i.imgur.com/iBMOwvS.png)



Display two fields side by side in a Bootstrap Form

Ok, so everyone knows you can make a triangle using this:

    #triangle {
        width: 0;
        height: 0;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        border-bottom: 100px solid red;
    }

And that produces a solid, filled in triangle. But how would you make a hollow-type arrow-like triangle, like this?

![an arrow with only two lines that intersect at the point. Like a greater than sign: &gt;][1]

  [1]: http://i.stack.imgur.com/fMhGv.png

How to Make A Chevron Arrow Using CSS?

I wanted to understand the meaning of novalidate directive usage in form tag, especially when used to validate the form.

Thanks


What is the usage of Angular directive novalidate in a form html tag

I&#39;m trying to replace checkbox/radio inputs with icons. For this, I need to hide the original checkbox/radio. The problem is, I also want the form to properly support keyboard input, i.e. let the input remain focusable by `Tab` key and selectable using `Spacebar`. Since I&#39;m hiding the input, it cannot be focused, so instead, I&#39;m trying to make its `&lt;label&gt;` focusable.

[This documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes#tabindex) and various other sources led me to believe I can do that using `tabindex` attribute (corresponding to `HTMLElement.tabIndex` property). However, when I try to assign `tabindex` to my label, it remains as unfocused as ever, however much I try to `Tab` to it.

**Why doesn&#39;t `tabindex` make the label focusable?**

The following snippet demonstrates the issue. If you focus the input with your mouse and try focusing the label using `Tab`, it doesn&#39;t work (it focuses the following `&lt;span&gt;` with `tabindex` instead).

&lt;!-- begin snippet: js hide: false --&gt;

&lt;!-- language: lang-js --&gt;

    document.getElementById(&#39;checkbox&#39;).addEventListener(&#39;change&#39;, function (event) {
      document.getElementById(&#39;val&#39;).innerHTML = event.target.checked;
    });

&lt;!-- language: lang-html --&gt;

    &lt;div&gt;
      &lt;input type=&quot;text&quot; value=&quot;input&quot;&gt;
    &lt;/div&gt;
    &lt;div&gt;
      &lt;label tabindex=&quot;0&quot;&gt;
        &lt;input type=&quot;checkbox&quot; id=&quot;checkbox&quot; style=&quot;display:none;&quot;&gt;
        checkbox: &lt;span id=&quot;val&quot;&gt;false&lt;/span&gt;
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;span tabindex=&quot;0&quot;&gt;span with tabindex&lt;/span&gt;

&lt;!-- end snippet --&gt;

(The JavaScript code just allows to see that clicking on the label properly (un)checks the checkbox.)

tabIndex doesn&#39;t make a label focusable using Tab key

I found the message Cannot resolve method &#39;getSupportFragmentManager ( )&#39;
I want to fragment as activity.
because I want to use Maps on the tabs swipe.


	
	public class PETAcikarangsukatani extends Fragment {
    Context context;

    private static final LatLng SUKATANI = new LatLng(-6.171327, 107.178108);
    private static final LatLng WRPOJOK = new LatLng(-6.222411, 107.162158);
    private static final LatLng PILAR = new LatLng(-6.257033, 107.156472);
    private static final LatLng CIKARANG = new LatLng(-6.256073, 107.143984);


    GoogleMap googleMap;
    final String TAG = &quot;PathGoogleMapActivity&quot;;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        View rootView = inflater.inflate(R.layout.activity_path_google_map, container, false);
        context = rootView.getContext();

        SupportMapFragment fm = (SupportMapFragment)getSupportFragmentManager()
                .findFragmentById(R.id.map);
        googleMap = fm.getMap();

Cannot resolve method &#39;getSupportFragmentManager ( )&#39; inside Fragment

I have shifted myself from [Eclipse][1] to [Android Studio][2]. Now I am trying to work on my Map app. So I need my SHA-1 fingerprint certificate number.

When I was using Eclipse it was right under **Windows -&gt; Preferences -&gt; Android -&gt; Build**. But in Android Studio I couldn&#39;t find out any option like this so that I could find easily the fingerprint. I am using Windows. I have read from this [link][3] that:

&gt; Android Studio signs your app in debug mode automatically when you
&gt; run or debug your project from the IDE.

So I tried to run this in command line after setting my Java bin path from [this link][4] and unfortunately couldn&#39;t find my fingerprint. **It is saying that it is an illegal option**.

    keytool -list -v -keystore &quot;%USERPROFILE%\.android\debug.keystore&quot; -alias androiddebugkey -storepass android -keypass android

Is there a way to find the SHA-1 fingerprint from Android Studio like it was very easy in Eclipse? As I am newbie in Android Studio, what is the full process to find it?

Another thing I want to add is that I have my Eclipse generates the SHA-1 fingerprint and previously I have my app registered on that fingerprint in Google developer console, and I worked on that app in Eclipse by that API key. Is the same API key can be worked on this my project in Android Studio?

  [1]: http://en.wikipedia.org/wiki/Eclipse_%28software%29
  [2]: https://en.wikipedia.org/wiki/Android_Studio
  [3]: http://developer.android.com/tools/publishing/app-signing.html
  [4]: http://pongodev.com/get-sha1-for-debug/



How to get the SHA-1 fingerprint certificate in Android Studio for debug mode?

This is the error I am seeing in my Chrome&#39;s console. 

&gt;&gt; load resource: net::ERR_QUIC_PROTOCOL_ERROR 

How can I fix it?  I want to display a Google map

![CheckItHere][1]

  [1]: http://i.stack.imgur.com/Npgcy.png

Why is this error appearing in chrome load resource: net::ERR_QUIC_PROTOCOL_ERROR

I am using Google Place API.

What I want to get suggestion of place for type helping.

So, what I have done is-

	var Google_Places_API_KEY = &quot;AIzaSyAK08OEC-B2kSyWfSdeCzdIkVnT44bcBwM&quot;;		//Get it from - https://code.google.com/apis/console/?noredirect#project:647731786600:access
	var language = &quot;en&quot;;		//&#39;en&#39; for English, &#39;nl&#39; for Nederland&#39;s Language


	var Auto_Complete_Link = &quot;https://maps.googleapis.com/maps/api/place/autocomplete/json?key=&quot;+Google_Places_API_KEY+&quot;&amp;types=geocode&amp;language=&quot;+language+&quot;&amp;input=Khu&quot;;
	$.getJSON(Auto_Complete_Link , function(result)
	{
		$.each(result, function(i, field)
		{
			//$(&quot;div&quot;).append(field + &quot; &quot;);
			//alert(i + &quot;==&quot;+ field);
			console.error(i + &quot;==&quot;+ field);
		});
	});
So in what link I am requesting is -

&gt; https://maps.googleapis.com/maps/api/place/autocomplete/json?key=AIzaSyAK08OEC-B2kSyWfSdeCzdIkVnT44bcBwM&amp;types=geocode&amp;language=en&amp;input=Khu

And if I go to this link with browser, I can get output like it (please try to ck)-

![11][1]

But if I try with jQuery&#39;s **.getJSON** or **.ajax**, I am getting my request blocked with this message-

![222][2].

SO the XMLHTTPRequest is blocked because of - 

&gt; No &#39;Access-Control-Allow-Origin&#39; header is present on the requested resource. Origin &#39;null&#39; is therefore not allowed access.

I have checked in [StackOverflow][3] for this problem solution and go through [here][4] and [here][5], but can&#39;t get my solution perfectly.

Can anyone please enlighten me?


  [1]: http://i.stack.imgur.com/reAGm.jpg
  [2]: http://i.stack.imgur.com/LvinM.jpg
  [3]: https://stackoverflow.com/
  [4]: https://stackoverflow.com/questions/20518524/no-access-control-allow-origin-header-is-present-on-the-requested-resource-or
  [5]: https://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource

Google Place API - No &#39;Access-Control-Allow-Origin&#39; header is present on the requested resource. Origin &#39;null&#39; is therefore not allowed access

I have the fallowing code:

    map: function (events) {
	    var arrayOfLatLngs = [];
		var _this = this;

		// setup a marker group
		var markers = L.markerClusterGroup();

		events.forEach(function (event) {
		    // setup the bounds
			arrayOfLatLngs.push(event.location);

			// create the marker
			var marker = L.marker([event.location.lat, event.location.lng]);

			marker.bindPopup(View(event));

			// add marker
			markers.addLayer(marker);
		});

		// add the group to the map
		// for more see https://github.com/Leaflet/Leaflet.markercluster
		this.map.addLayer(markers);

		var bounds = new L.LatLngBounds(arrayOfLatLngs);
		this.map.fitBounds(bounds);
		this.map.invalidateSize();
    }

I initially call this function and it will add all `events` to the map with markers and clusters.

at some lather point i pass in some other events, the map will zoom in to the new events but the old ones are still on the map.

I&#39;ve tried `this.map.removeLayer(markers);` and some other stuff, but I can&#39;t get the old markers to disappear

Any ideas?

How to clear leaflet map of all markers and layers before adding new ones?

I am getting an error and can&#39;t find why. Here is the error:

    EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -&gt; Router -&gt; Location -&gt; LocationStrategy).
        angular2.dev.js:23514 EXCEPTION: Error during instantiation of LocationStrategy! (RouterOutlet -&gt; Router -&gt; Location -&gt; LocationStrategy).BrowserDomAdapter.logError @ angular2.dev.js:23514BrowserDomAdapter.logGroup @ angular2.dev.js:23525ExceptionHandler.call @ angular2.dev.js:1145(anonymous function) @ angular2.dev.js:14801NgZone._notifyOnError @ angular2.dev.js:5796collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:5700run @ angular2-polyfills.js:141(anonymous function) @ angular2.dev.js:5719zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$$internal$$tryCatch @ angular2-polyfills.js:1511lib$es6$promise$$internal$$invokeCallback @ angular2-polyfills.js:1523lib$es6$promise$$internal$$publish @ angular2-polyfills.js:1494(anonymous function) @ angular2-polyfills.js:243microtask @ angular2.dev.js:5751run @ angular2-polyfills.js:138(anonymous function) @ angular2.dev.js:5719zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$asap$$flush @ angular2-polyfills.js:1305
        angular2.dev.js:23514 ORIGINAL EXCEPTION: No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document.BrowserDomAdapter.logError @ angular2.dev.js:23514ExceptionHandler.call @ angular2.dev.js:1154(anonymous function) @ angular2.dev.js:14801NgZone._notifyOnError @ angular2.dev.js:5796collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:5700run @ angular2-polyfills.js:141(anonymous function) @ angular2.dev.js:5719zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$$internal$$tryCatch @ angular2-polyfills.js:1511lib$es6$promise$$internal$$invokeCallback @ angular2-polyfills.js:1523lib$es6$promise$$internal$$publish @ angular2-polyfills.js:1494(anonymous function) @ angular2-polyfills.js:243microtask @ angular2.dev.js:5751run @ angular2-polyfills.js:138(anonymous function) @ angular2.dev.js:5719zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$asap$$flush @ angular2-polyfills.js:1305
        angular2.dev.js:23514 ORIGINAL STACKTRACE:BrowserDomAdapter.logError @ angular2.dev.js:23514ExceptionHandler.call @ angular2.dev.js:1157(anonymous function) @ angular2.dev.js:14801NgZone._notifyOnError @ angular2.dev.js:5796collection_1.StringMapWrapper.merge.onError @ angular2.dev.js:5700run @ angular2-polyfills.js:141(anonymous function) @ angular2.dev.js:5719zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$$internal$$tryCatch @ angular2-polyfills.js:1511lib$es6$promise$$internal$$invokeCallback @ angular2-polyfills.js:1523lib$es6$promise$$internal$$publish @ angular2-polyfills.js:1494(anonymous function) @ angular2-polyfills.js:243microtask @ angular2.dev.js:5751run @ angular2-polyfills.js:138(anonymous function) @ angular2.dev.js:5719zoneBoundFn @ angular2-polyfills.js:111lib$es6$promise$asap$$flush @ angular2-polyfills.js:1305
        angular2.dev.js:23514 Error: No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document.
            at new BaseException (angular2.dev.js:8080)
            at new PathLocationStrategy (router.dev.js:1203)
            at angular2.dev.js:1380
            at Injector._instantiate (angular2.dev.js:11923)
            at Injector._instantiateProvider (angular2.dev.js:11859)
            at Injector._new (angular2.dev.js:11849)
            at InjectorDynamicStrategy.getObjByKeyId (angular2.dev.js:11733)
            at Injector._getByKeyDefault (angular2.dev.js:12048)
            at Injector._getByKey (angular2.dev.js:12002)
            at Injector._getByDependency (angular2.dev.js:11990)

Does anyone know why the router is throwing this? I am using angular2 beta

here is my code:

&lt;!-- language-all: lang-ts --&gt;

    import {Component} from &#39;angular2/core&#39;;
    import { RouteConfig, ROUTER_DIRECTIVES } from &#39;angular2/router&#39;;
    import {LoginComponent} from &#39;./pages/login/login.component&#39;;
    import {DashboardComponent} from &#39;./pages/dashboard/dashboard.component&#39;;
    @Component({
        selector: &#39;app&#39;,
        directives:[ROUTER_DIRECTIVES],
        template:`
            &lt;div class=&quot;wrapper&quot;&gt;
                &lt;router-outlet&gt;&lt;/router-outlet&gt;
            &lt;/div&gt;`
    })
    @RouteConfig([
        { path: &#39;/&#39;,redirectTo: &#39;/dashboard&#39; },
        { path: &#39;/login&#39;,name:&#39;login&#39;,component: LoginComponent },
        { path: &#39;/dashboard&#39;,name:&#39;dashboard&#39;,component: DashboardComponent,}
    ])
    export class AppComponent {
    }
        

Angular 2 router no base href set

I&#39;m trying to do something like this:
  
    &lt;div v-for=&quot;r in rentals&quot;&gt;
      &lt;a bind-href=&quot;&#39;/job/&#39;r.id&quot;&gt; {{ r.job_title }} &lt;/a&gt;
    &lt;/div&gt;  

I can&#39;t figure out how to add the value of `r.id` to the end of the `href` attribute so that I can make an API call. Any suggestions?

How to pass a value from Vue data to href?

I&#39;m having a massive problem with AngularJS routing.

Up until recently everything has been fine with the following route:

    $routeProvider.when(&#39;/album/:albumId&#39;, {
        controller: &#39;albumPageController&#39;,
        templateUrl: &#39;views/album.html&#39;
    });

and using the href:

    &lt;a href=&quot;/#/album/{{album.id}}&quot;&gt;Link&lt;/a&gt;

However, now all of the slashes are being encoded into `%2F`.

So when I click the link, or type `localhost:8000/#/album/1` into the browser, the URL is changed to:

&gt;http://localhost:8000/#%2Falbum%2F1

I&#39;ve tried several things to correct this:

Using ng-href instead of href, 
Not using the first / (ie `href=&quot;#/album/{{album.id}}&quot;`)
Running the app in Homestead localhost (Laravel&#39;s linux vagrant machine) instead of localhost on Windows 10

Any help would be much appreciated!

AngularJS All slashes in URL changed to %2F

I am trying to test my anchor tag. Once I click it, I want to see if the `window.location.href` is what I expect.

I&#39;ve tried to render the anchor, click it, and then test `window.location.href`:

```js
test(&#39;should navigate to ... when link is clicked&#39;, () =&gt; {
  const { getByText } = render(&lt;a href=&quot;https://test.com&quot;&gt;Click Me&lt;/a&gt;);

  const link = getByText(&#39;Click Me&#39;);

  fireEvent.click(link);

  expect(window.location.href).toBe(&quot;https://www.test.com/&quot;);
});
```

I am expecting the test to pass, but instead the window.location.href is just `&quot;http://localhost/&quot;` meaning it is not getting updated for whatever reason. I even tried wrapping my expect with `await wait`, but that didn&#39;t work either. I can&#39;t find much information about testing anchors with `react-testing-library`. Maybe there is even a better way to test them than what I am doing. &#129335;‍♂️

Content Type	Original Author	Original Content on Stackoverflow
Question	URL87	View Question on Stackoverflow
Solution 1 - Javascript	Yakov	View Answer on Stackoverflow

Open Google map with specific address in a browser

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

How to resolve a Socket.io 404 (Not Found) error?

How to implement tab bar controller with navigation controller in right way

Attributions