角度数据绑定问题

Question

所以我希望用户进入我的投资组合，在index.html页面上输入他们的名字。然后我将在欢迎页面上欢迎用户。如何将index.html中的信息传递给welcome.html。我是一个有角度的新手，你会非常感激！

的index.html：

<header ng-controller="UserName as myApp">
    <form >
        <label><h1>Enter Your First Name: </h1></label> 
        <input type="text" ng-model="user.name" name="clients" autofocus />
        <button><a href="welcome.html">CLICKME</a></button>
    </form>
    <h1>{{user.name}}</h1>
</header>

welcome.html：

    <div class="container">
        <div class="propic"></div>
        <div class="blurb">sfdvsdfvsdv <span ng-controller="FirstCtrl">{{data.message}}</span> fsdv sdfvsdfv sdf  fs vsdfv sdfvf f vsdfv sdfv sfdv dsv fdv</div>
    </div>

app.js：

(function(){
  var myApp  = angular.module('myApp', []);

  myApp.controller('UserName', function(){
    this.product = name;
  });

  var User = {
    name: ""
  }

});

这是github：https://github.com/wiafe/Portfolio

以下是页面：http://wiafe.github.io/Portfolio/

PS：可以忽略在index.html中绑定的h1我只是在测试一些东西。