使用angularjs

Question

这是HTML

<div class="container">          
      <div class="row">
          <div class="col-md-12">

              <div ng-controller="urlController">

                <input type="text" ng-model="imgUrl" />         

                <button ng-click="viewPath()">View</button>
                <button ng-click="setPath()">Save</button>

                <img ng-src="{{ newUrl }}" />  
              </div>

          </div>
      </div>

这是我的角度代码：

var mySettings = angular.module('mySettings',[]);

mySettings.controller('urlController', ['$scope', '$location', '$log', function($scope, $location, $log){

    $scope.imgUrl = '';

    $scope.viewPath = function (){
        $scope.newUrl = $scope.imgUrl;
    }

    $scope.setPath = function () {
        var myPath = $location.path($scope.newUrl);

        $log.info(myPath);
    };

说明：

这里我有一个输入标签，用于放置图像和图像标签的绝对链接，当我按下查看按钮时，它将显示图像。

现在还有另一个保存按钮，我想执行一个简单的功能，即将输入框中粘贴的链接保存/更新到图像源中。所以下次如果我按下刷新，它应该显示链接的图像作为其来源。

问题： 如果我粘贴本地链接，例如。 d：\ bla.png img src标签说不安全。 如果我粘贴一个http链接，它会在图像标记中显示图像，但是在按下保存按钮到$ scope.newUrl对象时不会保存。因此，如果我按下刷新图像就消失了。

需要解决方案，如果有一个帖子可以逐步解释这个过程，那就太棒了。