Angular UI模式是一种用于构建用户界面的设计模式，它通过将数据传递给控制器来实现数据的交互和展示。下面是使用Angular UI模式将数据传递给控制器的步骤：

1. 在HTML页面中，使用ng-model指令将数据绑定到表单元素或其他交互元素上。例如，可以在一个输入框中使用ng-model="data"来绑定数据。
2. 在控制器中，使用$scope对象来定义一个变量，该变量与ng-model中绑定的数据相对应。例如，可以在控制器中使用$scope.data来定义一个变量。
3. 当用户与界面进行交互时，Angular会自动将用户输入的数据更新到$scope.data变量中。
4. 可以在控制器中使用$scope.$watch函数来监视$scope.data变量的变化。当$scope.data发生变化时，可以执行相应的操作。

下面是一个示例代码，演示了如何使用Angular UI模式将数据传递给控制器：

HTML页面：

<div ng-app="myApp" ng-controller="myCtrl">
  <input type="text" ng-model="data">
  <button ng-click="updateData()">更新数据</button>
</div>

JavaScript控制器：

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.data = ""; // 定义一个空的数据变量

  $scope.updateData = function() {
    // 在这里可以执行一些操作，例如将数据发送到服务器
    console.log($scope.data);
  };
});

在上面的示例中，用户可以在输入框中输入数据，并点击按钮来更新数据。当用户输入数据时，Angular会自动将数据更新到$scope.data变量中。当用户点击按钮时，控制器中的updateData函数会被调用，可以在该函数中执行一些操作，例如将数据发送到服务器。

这是一个简单的示例，展示了如何使用Angular UI模式将数据传递给控制器。在实际开发中，可以根据具体需求进行更复杂的数据交互和操作。