From f0a129ada44d61bcfb7d01f075ca5df041b701c0 Mon Sep 17 00:00:00 2001
From: Tasos Bekos <tbekos@gmail.com>
Date: Tue, 24 Dec 2013 23:36:08 +0100
Subject: [PATCH] fix(alert): use interpolation for type attribute

Closes #1460

BREAKING CHANGE: Use interpolation for type attribute.

  Before:

  ```html
  <alert type="'info'" ...></alert >
  ```
  or
  ```html
  <alert type="alert.type" ...></alert >
  ```

  After:

  ```html
  <alert type="info" ...></alert >
  ```
  or
  ```html
  <alert type="{{alert.type}}" ...></alert >
  ```
---
 src/alert/alert.js           | 2 +-
 src/alert/docs/demo.html     | 2 +-
 src/alert/test/alert.spec.js | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/alert/alert.js b/src/alert/alert.js
index e21b0cb889..658878b691 100644
--- a/src/alert/alert.js
+++ b/src/alert/alert.js
@@ -12,7 +12,7 @@ angular.module('ui.bootstrap.alert', [])
     transclude:true,
     replace:true,
     scope: {
-      type: '=',
+      type: '@',
       close: '&'
     }
   };
diff --git a/src/alert/docs/demo.html b/src/alert/docs/demo.html
index 0e3b6d23d5..ec314447d4 100644
--- a/src/alert/docs/demo.html
+++ b/src/alert/docs/demo.html
@@ -1,4 +1,4 @@
 <div ng-controller="AlertDemoCtrl">
-  <alert ng-repeat="alert in alerts" type="alert.type" close="closeAlert($index)">{{alert.msg}}</alert>
+  <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</alert>
   <button class='btn btn-default' ng-click="addAlert()">Add Alert</button>
 </div>
diff --git a/src/alert/test/alert.spec.js b/src/alert/test/alert.spec.js
index 7155b36036..4d2aba7ef0 100644
--- a/src/alert/test/alert.spec.js
+++ b/src/alert/test/alert.spec.js
@@ -13,7 +13,7 @@ describe('alert', function () {
 
     element = angular.element(
         '<div>' +
-          '<alert ng-repeat="alert in alerts" type="alert.type"' +
+          '<alert ng-repeat="alert in alerts" type="{{alert.type}}"' +
             'close="removeAlert($index)">{{alert.msg}}' +
           '</alert>' +
         '</div>');
@@ -88,7 +88,7 @@ describe('alert', function () {
   });
 
   it('should be possible to add additional classes for alert', function () {
-    var element = $compile('<alert class="alert-block" type="\'info\'">Default alert!</alert>')(scope);
+    var element = $compile('<alert class="alert-block" type="info">Default alert!</alert>')(scope);
     scope.$digest();
     expect(element).toHaveClass('alert-block');
     expect(element).toHaveClass('alert-info');